我正在使用 jQuery 选项卡实现并且一切正常,但是我希望能够链接到一个 URL,例如http://www.mydomain.com/tabs.html#tab2并在选项卡 2 上自动打开页面,到目前为止我在哪里http://jsfiddle.net/Jmx7k/
<script>
jQuery(document).ready(function() {
jQuery('#tabs2 li a:not(:first)').addClass('inactive');
jQuery('.container:not(:first)').hide();
jQuery('#tabs2 li a').click(function() {
var t = jQuery(this).attr('href');
if (jQuery(this).hasClass('inactive')) { //added to not animate when active
jQuery('#tabs2 li a').addClass('inactive');
jQuery(this).removeClass('inactive');
jQuery('.container').hide();
jQuery(t).fadeIn('slow');
}
return false;
}) //end click
});
</script>
<div id="tabs2holder">
<ul id="tabs2">
<li><a href="#tab1">Test Tab 1</a></li>
<li><a href="#tab2">Test Tab 2</a></li>
</ul>
</div>
<div class="container" id="tab1">
This is test content for tab1
</div>
<div class="container" id="tab2">
This is test content for tab2
</div>
有人能指出我添加此功能的正确方向,并解释为什么它目前不这样做吗?
谢谢