Question

我已经构建了（或者我正在尝试构建）一个响应滑块，但我看到一些奇怪的东西，但什么都没有用？控制台告诉我第55行有一个意外的标记，它是以下第一行：

$.each($slides.function(index){
        // Create a button element for the button
        var $button = $('<button type="button" class="slide-btn">&bull;</button>');
        if (index === currentIndex) {
            $button.addClass('active');
        }
        $button.on('click', function(){
            move(index);
        }).appendTo('.slide-buttons');
        buttonArray.push($button);
    });

第55行说明无效标记是{后function(index)我创建了一个演示，这是我到目前为止所有的代码。我想知道是否有人可以关注为什么这不会构建，以及为什么我得到这个错误，因为我已经计算了括号和花括号？

Demo of the slider build

Answer 1

一开始你就像这样附上JQuery：

onClick

但是您发布的标记中没有

的单个元素

$('.slider').each(function(){

因此，有问题的JQuery与你标记中的单个元素不匹配，因此代码不会运行而你没有按钮。

使用

将代码（按下按钮）转换为按钮数组

class='slider'

但是在任何时候它都不会将tbe按钮的内容添加到DOM中，因此即使您的代码已经运行它们也不会显示。

您缺少变量声明前面的var

buttonArray.push($button);

即使您正在使用它，也不会引用JQuery。

@A。沃尔夫对于＆＃39;也是正确的。而不是逗号，并且你在标记中存在许多其他错误

纯粹采取你所拥有的，甚至没有尝试修复代码中的任何错误，只是语法问题，然后跟随移动图像并做一些事情。（您可以自己对代码中的逻辑错误进行排序）

 var $this          = $(this),

JS Slider与演示失败没有明显错误？

1 个答案: