0

我一直在查看一些使用 jQuery 和 JS 以及 HTML 和 CSS 来创建滑动图像库的代码。我遇到了这篇文章，并用“修改后的”代码复制了代码。但是，图库仅显示第一张图像。下一个和上一个点击不做任何事情。我开始学习一些 JS 和 jQuery。我已经查看了这段代码一段时间，但我无法弄清楚问题出在哪里。

这是我正在使用的脚本：

    $(document).ready(function(){
    $('.slider > #1').show('fade',500).addClass('current');
    $('.next').click(function(event){
        event.preventDefault();

        $('.previous').removeClass('previous');

        $('.current').removeClass('current').addClass('previous');
        $('.previous').hide("slide",{direction: 'left'}, 500);

        var previousId = parseInt($('.previous').attr('id'));

        $('#'+(previousId+1)).show("slide", {direction: 'right'}, 500).addClass('current');

    });

    $('.prev').click(function(event){
        event.preventDefault();
        $('.previous').removeClass('previous');

        $('.current').removeClass('current').addClass('previous');
        $('.previous').hide("slide",{direction: 'right'}, 500);

        var previousId = parseInt($('.previous').attr('id'));
        var Id = parseInt($('.current').attr('id'));


        $('#'+(previousId-1)).show("slide", {direction: 'left'}, 500).addClass('current');
    });
});

我把它上传到jfiddle。

任何帮助都会很棒！谢谢

编辑 我发现了这一点，并注意到代码有两个用于脚本的 src。我添加了 ui 脚本，jQuery 完美运行！

4

1 回答 1

0

缺少幻灯片的库，添加它以使其工作：

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
于 2013-09-25T21:57:11.923 回答