标签的幻灯片效果

Question

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

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

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

这有效，但如果您点击页面上的任何位置，它都有效。我希望它仅在您单击该选项卡时才起作用。我知道它，因为我必须从点击功能中删除“文档”。我尝试用#tabs，#tabs .ui-tabs-nav ul，#tabs .ui-tabs-nav li替换“文档”。我为点击功能添加了什么？

Answer 1

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

Answer 2

试试这个..

  $(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" );
   });
 });