jQuery Div滑块不工作？

因此，我正在寻找一个jQuery div滑块，如下所示：

$('#right-button').click(function(event) {
  ...
}

$('#left-button').click(function(event) {
  ...
}

我已尝试更改下面列出的jQuery：

<script data-require="jquery" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

但是，当我运行它时，按钮不起作用

有人能帮忙吗

我正在试图理解出现了什么问题，但我无法找出原因。

您必须将事件作为参数添加到函数中，因为调用event.preventDefault时会出现以下错误：

ReferenceError: event is not defined[Learn More]  script.js:11:7
ReferenceError: event is not defined[Learn More]  script.js:4:7

按如下方式更改代码：

$('#right-button').click(function(event) {
  ...
}

$('#left-button').click(function(event) {
  ...
}

例子： $“右键”。单击函数事件{ 违约事件； $“内容”。设置动画{ 向左滚动：+=200px }，慢； }; $“左键”。单击函数事件{ 违约事件； $“内容”。设置动画{ 向左滚动：-=200px }，慢； }; /*把你的css放在这里*/ .左{ 浮动：左； 宽度：30%； 高度：200px； 边框：1px纯黑； } .内部{ 宽度：31.75%； 身高：100%； 边框：1px纯黑； 显示：内联块； } .中心{ 浮动：左； 宽度：38.9%； 高度：200px； 边框：1px纯黑； 保证金：1px； 溢出：自动； /*稍后将此更改为“隐藏”，以拒绝对用户进行查询*/ 空白：nowrap； } .对{ 浮动：对； 宽度：30%； 高度：200px； 边框：1px纯黑； } 左div 左击 第一组 第2组 第3组 第4组 第5组 第6组 第7组 第8组 向右滑动 右分区

---

在Chrome上我让他们工作。。。也许你已经改变了？顺便说一句，如果你不只是在玩这个：我已经在几个项目中使用了它，没有问题…1如果可能的话，使用Stackoverlow代码片段选项发布你的问题，不要链接到外部站点，如plnkr.co、jsfiddle等。。。你可以在我的回答中看到我是如何做到的。2密切注意控制台上的错误。如果你检查过的话，你自己就能找到它。