JS で制御されたナビゲーション メニューの例 code_javascript スキル

<本体>

var current = $("#masterid").val();//jquery を通じて id=masterid を持つページ要素の値を取得します。実際には、選択されたメニューを取得します

var alist = new Array();//配列を定義

if (current == "") {//選択したメニューが取得されない場合、これを無視します

現在 = -1;

}

$("#nav>a").each(function (i, items) {//この部分は、メニュー項目をクリックした後にページを更新したときのスタイルの変更についてです。笑、それぞれが A トラバーサルです#nav>

alist[i] = $(items);//i は 0 から走査コレクションの終わりまで、1 ずつ増加します

$(alist[i]).click(function () {//alist[i] のクリック イベントを登録すると、クリックされたときに対応するメソッドが実行されます。

If (i != current) {//別のメニュー項目が選択されている場合、選択されたメニューは適切なスタイルで追加され、前のスタイルは削除されます

$(this).addClass("check");

$(alist[current]).removeClass("check");

現在 = i;//戻り値新しく選択されたメニュー項目 ID

}

});

});

$("#nav>a").each(function (i, items) {//これは、ページが新しいページにジャンプした後の、メニュー スタイルを正しく呼び出せるようにするためのページ スタイルの処理です.

alist[i] = $(item);

if (i != 現在) {

$(alist[i]).removeClass("check");

}

});

$(alist[current]).addClass("check");

});