0

jqueryコードを機能させるのに苦労しています。私はいくつかの例を試しましたが、どれもうまくいきません。これは、Cドライブからchromeで動作する例ですが、Web上のドロップボックスからではなく、ie9でもまったく動作しません。

私のCドライブからクロムで「一種の」作業をしているときに、本来のタブAだけでなく、すべてのタブを表示し始めます。次に、リンクの 1 つをクリックすると、対応するタブのみが表示されます。

私の最終目標は、メニュー項目をクリックするたびにリロード中にページ全体が点滅しないように、Web サイトを変更することです。

<!--  found at: http://jsfiddle.net/uFgtS/ -->

<script type='text/javascript' src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type='text/javascript'>

$(window).on('hashchange', function() {
    $('div.tab').hide();
    $(location.hash).show();
});

$('a.hash').on('click', function(e){
    e.preventDefault();
    location.hash = $(this).data('hash');
});
</script>

<a href="#A" data-hash="A" class="hash">A Link</a>
<a href="#B" data-hash="B" class="hash">B Link</a>
<a href="#C" data-hash="C" class="hash">C Link</a>

<div id="A" class="tab">Tab A</div>
<div id="B" class="tab hidden">Tab B</div>
<div id="C" class="tab hidden">Tab C</div>
4

2 に答える 2

1

jQuery が影響する要素の前に配置する場合は、それをラップする必要があります

$(document).ready(function() {
    // Code to be run once the document is ready
}

または、スクリプトをドキュメント本文の最後に配置して$(document).ready()冗長にします。

于 2013-05-09T18:22:35.457 に答える