jQuery вкладки PAUSE при нажатии (и затем возобновление через заданное количество времени)

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 (function () ... чтобы перезапустить его - игнорируется.

Answer 1

Чтобы остановить вращение, вам нужно передать нулевое значение, затем вы можете отложить и продолжить:

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