只是一个快速的,这是快!jQuery选项卡返回false;
我有三个标签,只是逐渐淡入和隐藏其他标签内容。非常基本。
只是不知道如何停止发送页面到顶部的链接,而不是一个大问题,但烦人。
这里有jQuery。
<script>
jQuery("#accounttab").live('click', function(){
jQuery("#accounttab").css("border", "2px solid #009FE3");
jQuery("#salestab").css("border", "2px solid white");
jQuery("#delivertab").css("border", "2px solid white");
jQuery("#tabtext1").fadeIn(200);
jQuery("#tabtext2").hide();
jQuery("#tabtext3").hide();
return false;
});
jQuery("#salestab").live('click', function(){
jQuery("#salestab").css("border", "2px solid #009FE3");
jQuery("#accounttab").css("border", "2px solid white");
jQuery("#delivertab").css("border", "2px solid white");
jQuery("#tabtext1").hide();
jQuery("#tabtext2").fadeIn(200);
jQuery("#tabtext3").hide();
return false;
});
jQuery("#delivertab").live('click', function(){
jQuery("#delivertab").css("border", "2px solid #009FE3");
jQuery("#accounttab").css("border", "2px solid white");
jQuery("#salestab").css("border", "2px solid white");
jQuery("#tabtext1").hide();
jQuery("#tabtext2").hide();
jQuery("#tabtext3").fadeIn(200);
return false;
});
</script>
任何意见将是真棒
'.live()'已弃用,有[tabs插件](http://jqueryui.com/tabs/),你所有的处理程序基本上都是做同样的事情,所以它们可以合并,你需要当你点击链接时,'preventDefault','$'是'jQuery'的简写... – nbrooks