在jquery ui选项卡中取消选择选项卡上的事件

基本上,您要做的是在每次选择选项卡时调用事件,

<div id="tabs">
  <ul id="tablinks">
    <li><a id="tab1" href="#tabs-1">First</a></li>
    <li><a id="tab2" href="#tabs-2">Second</a></li>
    <li><a id="tab3" href="#tabs-3">Third</a></li>
    <li><a id="tab4" href="#tabs-4">Fourth</a></li>
  </ul>
  <div id="tabs-1"></div>
  <div id="tabs-2"></div>
  <div id="tabs-3"></div>
  <div id="tabs-4"></div>
</div>

$('#tablinks a[id!=tab4]').click(function(e){
  //stoping timers or whatever
});

当您使用“everyTime”或“oneTime”创建计时器时,您可以将标签作为参数传递,以便您可以随时使用“stopTime”方法停止计时器,即:

$(document).everyTime(1000, "doingSomething", function() {
  // NOTE: "doingSomething" is the label of this timer

  // make an annoying bleep sound or whatever
});

现在通过调用来停止计时器

$(document).stopTime("doingSomething");

如果绑定到“tabselect”事件,则可以确定当前选定的选项卡。这将允许您在切换选项卡之前执行特定于此选项卡的操作。您甚至可以从处理程序返回false以防止选项卡切换。在jQuery UI演示站点的调试器(如Firebug)中尝试以下操作: http://jqueryui.com/demos/tabs/default.html

$('#tabs').bind('tabsselect', function(evt, ui) { 
    console.log($('#tabs').find('li.ui-tabs-selected a').attr('href')); 
});