Используя hover и щелкаете по вкладкам пользовательского интерфейса jQuery?

Question

Я использую следующий код для моих вкладок пользовательского интерфейса jQuery:

$('#tabs').tabs({
    fx: { opacity: 'toggle', duration: 400 }}).tabs('rotate', 1000);
$("#tabs").hover(function() {
    $("#tabs").tabs("rotate",0);
},

function() {
    $("#tabs").tabs("rotate",1000);
});

$("#tabs").click(function() {
    $("#tabs").tabs('rotate', 0);
});

Вкладки вращаются правильно, и вращение прекращается при наведении мышкой. Однако функция «зависания» также переопределяет функцию «щелчка». Как можно добиться паузы при наведении курсора и полной остановке поворота при нажатии?

Answer 1

Попробуйте это

$('#tabs').tabs({ 
    fx: { opacity: 'toggle', duration: 400 }
}).tabs('rotate', 1000);

$("#tabs").hover(
    function() {
        $("#tabs").stop();
    },
    function() {
        $("#tabs").tabs("rotate",1000);
    }
);

$("#tabs").click(
    function() {
        $("#tabs").stop(true);
    }
);

Answer 2

неделю назад я искал ту же проблему. Теперь я создал расширение : пауза при наведении курсора на вкладки пользовательского интерфейса jQuery Поворот