如何使这个Clickable Tab成为onLoad

时间:2015-01-18 16:21:15

标签: jquery tabs

我正在尝试编辑此脚本以删除其功能,您需要在显示内容之前单击选项卡。我想显示要显示的默认选项卡。 请协助!这是代码:

<script>

$(document).ready(function() {
   $("#tabs li").click(function() {
       $("#tabs li").removeClass('active');
       $(this).addClass("active");
       $(".Tablist11").hide();
       var selected_tab = $(this).find("a").attr("href");
       $(selected_tab).fadeIn();
       return false;
   });
});

</script>

1 个答案:

答案 0 :(得分:0)

为您的默认标签提供一个班级active,然后将此行添加到您的脚本中以触发点击该标签:

<script>

$(document).ready(function() {
   $("#tabs li").click(function() {
       $("#tabs li").removeClass('active');
       $(this).addClass("active");
       $(".Tablist11").hide();
       var selected_tab = $(this).find("a").attr("href");
       $(selected_tab).fadeIn();
       return false;
   });

   //add this line
   $("#tabs li.active").trigger("click");
});

</script>