Question

我之前的问题被删除了，因为我太模糊了所以我决定以更好的格式把它扔回去。

所以基本上我的javascript滑块工作得非常完美，我已经决定尝试让它自动滚动滑块上的图像，但是，我已经失败了并打破了它，现在图像不在了＃39 t显示。我有一个代码的jsfiddle，我将在这里链接：http://jsfiddle.net/wDmM7/

这是我知道的javascript问题：

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

    timer = window.setInterval("autoSlide()", 1000);
    function autoSlide()"next()".click(); }



    var SliderWrapper = $('.SliderWrapper').find('ul');
    $(SliderWrapper).find('li.active').show();

    window.SliderWrapper = 
    {
        previous: function()
        {
            var current = $( SliderWrapper ).find('li.active');
            var prevElement = $( current ).prev('li');

            if( prevElement.length != 0 )
                {
                    $( current ).removeClass('active').fadeOut(2500);
                    $( prevElement ).addClass('active').fadeIn(2500);
                }

         },
         next: function()
         {
            var current = $( SliderWrapper ).find('li.active');
            var nextElement = $( current ).next('li');

            if(nextElement.length != 0 ) 
                {
                    $( current ).removeClass('active').fadeOut(2500);
                    $( nextElement ).addClass('active').fadeIn(2500);   
                }
            }
    }
});

任何问题我会尽快回答，我只是因为你是一名耐心的人，因为我是一名初级网络开发人员而且还在学习。

我提前感谢你们。

Answer 1

第5行：function autoSlide()"next()".click(); }

无效的javascript。

Answer 2

只需像这样调用计时器中的SliderWrapper.next()函数即可。您可以注释掉autoSlide()。

代码：

timer = window.setInterval("window.SliderWrapper.next()", 2000);

//function autoSlide(){"next()".click(); }

Answer 3

请更正第5行无效的javascript代码：

function autoSlide()"next()".click(); }

使用新代码

function autoSlide().next().click();

自动化Jquery滑块

3 个答案: