ホームページ >ウェブフロントエンド >jsチュートリアル >left_javascript スキルで動的に js マルチレベル メニューを解決する
left_javascript スキルで動的に js マルチレベル メニューを解決する
- WBOYオリジナル
- 2016-05-16 18:35:351038ブラウズ
コードをコピーします コードは次のとおりです:
カテゴリが 2 回表示されます。親をクリックすると、子メニュー JS が表示 (非表示) されます。コード 一文だけ:
コードをコピー コードは次のとおりです:
function news_pro(o )
{
var obj=document.getElementById(o)
obj.style.display==""? obj.style.display=""; 🎜>}
コードをコピー コードは次のとおりです:
1.3
js コードにはまだその行しかありませんが、本当に終わったの？答えは「ノノノ」です！レベルの 1 つをクリックするとページがジャンプしますが、左側のメニューが元の外観に変わり、クリックしたばかりの状態が保存されません。同僚がASPで使いたいとのことなので、ビューステートというものがないようなので、セッションを使って保存すればいいのでしょうか？動作しているように見えますが、より速くクリックすると、メニューが何度か切り替わり、まったく反応しなかったり、セッションが失われたりすることがあります。最後に、最初の名前が非常に興味深いことに気づきました。レベルは 1 です。2 番目のレベルは 1.1、3 番目のレベルは 1.1.1、4 番目のレベルは 1.1.1.1 です。何が思い浮かびますか?マルチレベルのカテゴリ クエリを使用したデータベース設計を考えてください。 ? discuz のカテゴリはこのように設計されているようです。クエリも非常に速いので、アイデアが浮かんだらすぐにクエリを実行してみます。
URL 値転送メソッドを使用したコードは次のとおりです。
コードをコピーします
コードは次のとおりです。 >