javascript - 标签的幻灯片效果

我正在尝试在选项卡之间制作幻灯片效果。这是jQuery代码：

$(document).ready(function(){
   $('#tabs').tabs();
});

$(document).click(function() {
   $( "#tabs" ).effect( "slide", "medium" );
});

这有效，但是如果您单击页面上的任意位置，则可以使用。我希望它仅在您单击该选项卡时才起作用。我知道它是因为我必须摆脱点击功能中的“文档”。我尝试用#tabs，#tabs .ui-tabs-nav ul，#tabs .ui-tabs-nav li替换“文档”。我该在哪里添加点击功能？

最佳答案

尝试这个 ..

  $(document).ready(function(){
   $('#tabs').tabs();

   $("#tabs").click(function() {
         $(this).effect( "slide", "medium" );
     });
 });

---或单击制表符锚点：

 $(document).ready(function(){
    $('#tabs').tabs();

   $("#tabs a").click(function() {
        $('#tabs').effect( "slide", "medium" );
   });
 });

关于javascript - 标签的幻灯片效果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22215679/