0

さて、基本的な div は既に jquery で非表示になっています。アンカー リンクをクリックすると、非表示の div がアクティブになり、他の div が非表示になります。質問は：

ウィンドウ サイズ/画面サイズに応じてメニューをドロップダウン メニューに変更するChris Coyiers (CSS Tricks の) メソッドを使用しました。問題は、アンカーリンクでは機能せず、.change を試し、window.location や document.location を操作しようとしましたが (チェックするだけです)、なぜ完全に機能しないのかさえ理解していないので、頭を切り落とされたニワトリ。

私は、document.html#Id を href として入れてみるべきだと思いました。そうすればうまくいくかもしれませんが、いいえ。ここで同様の質問をたくさん見ました。しかし、それらを自分のニーズに効果的に適応させることはできないようです。

ご覧のとおり、私は完全に緑色です。しかし、ヘルプはとてもありがたいです。

4

1 に答える 1

0

非表示の要素を表示したい場合は、要素に ID を与え、 のように jQuery/CSS タイプのセレクターと ID を値として指定します#id。次に、リダイレクトの代わりに表示するように JavaScript を変更します。これは私が書いたjFiddleで、あなたが尋ねたことを実行します:

http://jsfiddle.net/mike_marcacci/jvSSa/

モバイル版とデスクトップ版の両方で機能するように、リンクのクリックもキャプチャすることに注意してください。

function showSection(id){
    // hide already visible sections
    $('.hidden').css('display','');

    // show selected section
    $(id).css('display','block');
}

//make the select work
$("nav select").change(function() {
    showSection($(this).find("option:selected").val());
});

// make links work too
$("nav a").click(function(e) {
    e.preventDefault();
    showSection(this.hash);
});
于 2013-03-21T04:12:31.690 に答える