使用悬停和点击jQuery UI选项卡

Using hover and click with jQuery UI tabs?

本文关键字：jQuery UI 选项 悬停      更新时间：2023-09-26

我使用以下代码为我的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'函数。我如何才能实现暂停时悬停，并完全停止旋转点击?

试试这个

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

就在一周前，我也在寻找同样的问题。现在我创建了一个扩展名:Pause on Hover为jQuery UI选项卡旋转

相关文章：