尝试使jquery工作

Trying to make jquery work

本文关键字：工作 jquery      更新时间：2023-09-26

我很难得到任何jquery代码的工作。我试过一些例子，但都不适合我。这里有一个例子，在chrome中可以从C盘运行，但在网络上不能从dropbox运行，在ie9中也不能运行。

当它是'sort '从我的C驱动器chrome工作，它开始显示所有的选项卡，而不是只是Tab 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>

你忘了:

$(document).ready(function() {
    // your code goes here
});

因此，当将点击处理程序附加到a.hash时，DOM中没有这样的元素

如果你把jQuery放在它所影响的元素之前你需要用

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

或者，将脚本放在文档主体的最后，使$(document).ready()冗余。

相关文章：