Question

我正在使用jquery幻灯片，如下所示：http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

我的代码如下所示：

jQuery(document).ready(function(){
    jQuery("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000, true);
});

我想这样做，以便当用户点击其中一个标签时，会导致延迟（可能是20秒）。在这里......

jQuery(".ui-tabs-nav").click(function() {
//ADD PAUSE/DELAY CODE HERE...
});

我已尝试以下所有（无效）insid

setTimeout(function() { jQuery("#featured").tabs("rotate", 6000, true); }, 20000);

和

jQuery("#featured").delay(20000).tabs("rotate",6000,true);

随机也是

jQuery("#featured").tabs().stop();

我也尝试更改初始“标签（”旋转“）......部分看起来像这样：

jQuery("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000, false);

但这只会使旋转停止完全停止点击。在我的.click（函数（）...中重新添加回调以重新启动它 - 将被忽略。

Answer 1

要停止旋转，您需要传递空值，然后您可以延迟并继续：

jQuery(".ui-tabs-nav").click(function() {
    jQuery("#featured").tabs("rotate", null);
    setTimeout(function(){
      jQuery("#featured").tabs("rotate", 6000, true);
    }, 20000);
});

jQuery选项卡单击暂停（然后在设定的时间后恢复）

1 个答案: