简单的jQuery滑块脚本不起作用

时间:2015-09-19 18:11:51

标签: javascript jquery slider

我有一个简单的jQuery滑块,但无法在页面上使用它的多个实例,我确信它很容易修复,但我的大脑只是不合作atm

function testSlide() {
    var testAnim = document.querySelector(".testWrap");
    jQuery(".testWrap.animated ul img.dotNav").appendTo(jQuery('.testNav'));
    jQuery(".testWrap.animated ul > li:gt(0)").hide();
    jQuery(".testNav.animated > img.dotNav:gt(0)").addClass('inactivedot').removeClass('reddot');

    setInterval(function () {
        jQuery('.testWrap.animated ul > li:first')
            .stop(100)
            .fadeOut(100)
            .next()
            .fadeIn(100)
            .end();

        jQuery('.testWrap.animated ul > li:first').appendTo('.testWrap ul');
        jQuery('.testNav.animated> img:last-child')
            .prependTo('.testNav');


    }, 5000);
    jQuery(".testWrap").hover(function () {
        testAnim.classList.remove('animated');
    },

    function () {
        testAnim.classList.add('animated'); //Start the animation when mouse out
    });
}

任何帮助将不胜感激

0 个答案:

没有答案