Question

我在jQuery UI标签中使用以下代码：

$('#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);
});

标签旋转正确，当用鼠标悬停时旋转停止。但是，'hover'功能也会覆盖'click'功能。如何在悬停时实现暂停，并在点击时完全停止旋转？

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

就在一周前，我寻找同样的问题。现在我创建了一个extesion: Pause on Hover for jQuery UI Tabs Rotate

使用悬停并点击jQuery UI标签？

2 个答案: