javascript - 尝试让 jquery 工作

Question

我很难让任何 jquery 代码工作。我尝试过一些例子，但没有一个对我有用。下面是一个示例，它可以在 C 驱动器的 chrome 中工作，但不能从网络上的 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 中没有这样的元素。