防止jQuery Tab在Active Tab上执行转换效果

时间:2014-07-16 04:05:09

标签: javascript jquery html

我正在使用jQuery标签,而且每当您点击标签页时我都会有幻灯片效果。我的问题是:如果再次单击它,如何阻止当前活动选项卡上的幻灯片效果。

这是我的jQUery:

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

这是小提琴:

http://jsfiddle.net/YRp62/2/

如果您点击" Second"然后点击" Second"再次。它滑入自己。如果单击活动选项卡,如何打破效果?

1 个答案:

答案 0 :(得分:4)

使用标签activate事件代替click事件

$(document).ready(function(){
$('#tabs').tabs({
 activate: function(event, ui){
     $('#tabs p').effect( "slide", "medium" );
    }
  });   
});

Demo