javascript - 关于JQ TABS的问题，请前辈们指导。

Question

前辈们晚上好，小弟第一次用JQ写代码，但是出了点问题，自己不太理解，望前辈们不吝赐教
我写了一个自动的TABS，但mouseout部分无法正常运作。只有mouseover有效果。

然后画圈的两个，为什么只能写在mouseover 跟 mouseout里面？写在外面会没有效果？

这是我去掉for循环之后，但是还是不执行，也不报错

Answer 1

这有必要用for循环吗，把for循环去掉先

更新:

$(document).ready(function () {

    var $lis = $("#t-hd").find("li");
    var $ps = $("#t-bd").find("p");
    var lisLength = $lis.length;
    var timer = 0;
    var intervalInit = 0;

    $lis.mouseover(function () {
        clearInterval(timer);
        $(this).addClass("hd-active").siblings().removeClass("hd-active");
        var index = $(this).index();
        $ps.hide();
        $ps.eq(index).show();
    }).mouseout(function () {
        timer = 0;
        var that = this;
        timer = setTimeout(function () {
            var index = $(that).index();
            if (index >= lisLength) {
                index = 0;
            }
            $(that).addClass("hd-active").siblings().removeClass("hd-active");
            $ps.hide().eq(index).show();
        }, 2000);
    });
    timer = setInterval(function () {
        intervalInit = intervalInit % lisLength;
        $(this).addClass("hd-active").siblings().removeClass("hd-active");
        $ps.hide().eq(intervalInit).show();
        intervalInit++;
    }, 2000);
});

不晓得是不是你想要的，mouseover / mouseout内部的逻辑你得自己确定下

Answer 2

很明显你还没弄清jQuery的用法在这里乱写