我怎样才能制作这段代码的旋转木马

时间:2011-10-05 07:10:22

标签: javascript jquery carousel

我有这段代码:

initPrevNextButtons: function() {
                $('.link-prev', this.$node).click(this.prev.bind(this)).hide();
                $('.link-next', this.$node).click(this.next.bind(this));
            },
            prev: function(e) {
                e.preventDefault();
                this.currentPage--;
                $('.link-next', this.$node).show();
                if (this.currentPage <= 0) {
                    this.currentPage = 0;
                    $('.link-prev', this.$node).hide();
                } else {
                    $('.link-prev', this.$node).show();
                };
                var url = this.generateURL(true);
                $.get(url, this.write.bind(this));
            },
            next: function(e) {
                e.preventDefault();
                this.currentPage++;
                $('.link-prev', this.$node).show();
                if (this.currentPage >= this.totalItems - 1) {
                    this.currentPage = this.totalItems - 1;
                    $('.link-next', this.$node).hide();
                } else {
                    $('.link-next', this.$node).show();
                };
                var url = this.generateURL(true);
                $.get(url, this.write.bind(this));
            },

我有一个旋转木马。并且可以单击向右和向左。但当我在左侧项目时,左侧按钮将被隐藏。当我在右边的时候,右边的按钮也会隐藏起来。但是我该如何制作这段代码呢。我有旋转木马?

1 个答案:

答案 0 :(得分:0)

我从您的文字中理解的是,当您将鼠标移到它们上方时,您的下一个/上一个图标会被隐藏。您在列表中有多少项?

尝试评论以下行并运行应用程序

$('.link-next', this.$node).hide();
$('.link-prev', this.$node).hide();

不要删除只是评论它们,看看你是否能看到下一个/上一个图标?