試圖使jQuery工作

Question

我很難讓任何jquery代碼正常工作。 我嘗試了一些示例，但沒有一個適合我。 這是一個示例，它可以在C驅動器的chrome中工作，但不能在Web的Dropbox中工作，也不能在ie9中工作。

當從我的C驅動器上對chrome進行“某種程度”處理時，它開始顯示所有選項卡，而不是原來的那樣顯示選項卡A。 然后，在單擊鏈接之一后，它僅顯示相應的選項卡。

我的最終目標是修改我的網站，以使每次單擊菜單項時重新加載時整個頁面都不會閃爍。

<!--  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>

Answer 1

你忘了 ：

$(document).ready(function() {

    // your code goes here

});

因此，將點擊處理程序附加到a.hash ，DOM中沒有此類元素。

Answer 2

如果將jQuery放在影響它的元素之前，則需要將其包裝

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

或者，將腳本放在文檔正文的最后，以使$(document).ready()多余的。