如何通过鼠标悬停使此滑块移动？

Question

我创建了此滑块，并且希望将鼠标悬停在数字jquery上，但是我似乎无法使其正常工作，有人知道我如何实现这一目标吗？ 每次我尝试尝试执行某些操作时，它似乎都会损坏滑块。

谢谢

jsfiddle版本 ： http : //jsfiddle.net/BijanZand/cmqkc59b/

这是当前代码：

function tabsrotate() {
    $("#slider_a, #slider_b").tabs({
        show: function (event, ui) {
            var lastOpenedPanel = $(this).data("lastOpenedPanel");
            if (!$(this).data("topPositionTab")) {
                $(this).data("topPositionTab", $(ui.panel).position().top);
            }
            $(ui.panel).hide().fadeIn(1500);
            if (lastOpenedPanel) {
                lastOpenedPanel.toggleClass("ui-tabs-hide").css("position", "absolute").css("top", "0").fadeOut(1500, function () {
                    $(this).css("position", "");
                });
            }
            $(this).data("lastOpenedPanel", $(ui.panel));
        }
    }).tabs('rotate', 7777, true);
}

$(document).ready(function () {
    tabsrotate();

    $('.tabnavigation').css("display", "inline");
});

Answer 1

您可以使用jQuery将mouseover事件附加到锚点，并在此事件内触发锚点 click ：

您的$(document).ready将如下所示：

$(document).ready(function () {
    tabsrotate();

    $('.tabnavigation').css("display", "inline");

    $('.tabnavigation li a').mouseover(function(){
        $(this).click();
    });

});