Javascript 向jquery滑块添加功能

我得到了以下代码：

$（文档）.ready（函数（）{
变量$item_width=$（'.item'）.width（）；
变量$items_count=$（'.item'）。长度；
var$vutreshen\u container\u shirina=$item\u width*$items\u count；
$（'.inner box'）.css（'width'，$vutreshen\u container\u shirina）；
var previous_按钮=$（“.previous”）；
var next_按钮=$（“.next”）；
//下一个
函数next（）{
$（下一个按钮）。在（'单击'）上，函数（事件）{
event.preventDefault（）；
var current_margin=$（'.inner-box'）.css（'margin-left'）。替换（/[^-\d.]/g'）；
var内部容器偏移量=300；
var parse_current=parseInt（当前_边距）；
var totalAmount=当前解析+内部容器偏移量；
如果（总金额>=0）{
$（'.inner box'）.css（'margin-left'，'-='+内部容器偏移量+'px'）；
}
});
};
//下一个
next（）；
函数previous（）{
$（上一个按钮）。在（'单击'）上，函数（事件）{
event.preventDefault（）；
var current_margin=$（'.inner-box'）.css（'margin-left'）。替换（/[^-\d.]/g'）；
var内部容器偏移量=300；
var parse_current=parseInt（当前_边距）；
var totalAmount=当前解析+内部容器偏移量；
如果（总金额）
（函数（b，o，i，l，e，r）{b.GoogleAnalyticsObject=l；b[l]| |（b[l]=
函数（）{（b[l].q=b[l].q | |[]）.push（参数）}）；b[l].l=+新日期；
e=o.createElement（i）；r=o.getElementsByTagName（i）[0]；
e、 src='1〕https://www.google-analytics.com/analytics.js';
r、 parentNode.insertBefore（e，r）}（窗口，文档，'script'，'ga'）；
ga（'create'，'UA-XXXXX-X'，'auto'）；ga（'send'，'pageview'）；

我改变了你的JS

适当使用

totalAmount

设置

边距

并使用

项目的总量对其进行评估

我还将click

函数

合并为一个函数，并检查

事件。目标

：

$（文档）.ready（函数（）{
变量$item_width=$（'.item'）.width（）；
变量$items_count=$（'.item'）。长度；
var$vutreshen\u container\u shirina=$item\u width*$items\u count；
$（'.inner box'）.css（'width'，$vutreshen\u container\u shirina）；
$（.next、.previous”）。单击（“单击”，更改）；
功能更改（事件）{
event.preventDefault（）；
var current_margin=$（'.inner-box'）.css（'margin-left'）。替换（/[^-\d.]/g'）；
var内部容器偏移量=300；
var parse_current=parseInt（当前_边距）；
如果（event.target===$（'.previous'）[0]）{
var totalAmount=当前解析+内部容器偏移量；
如果（总金额=-内部容器偏移量*（$items\u count-1））{
$（'.inner box'）.css（'margin-left'，totalAmount+'px'）；
}
}
}
})；

正文{
文本对齐：居中；
}
.外箱{
溢出：隐藏；
显示：内联块；
宽度：300px；
}
img{
宽度：100%；
身高：100%；
}
.内盒{
显示：内联块；
}
.项目{
浮动：左；
宽度：300px；
}
.以前的{
右边距：10px；
}
.下一个{
左边距：25px；
}
以前的
.下一个{
位置：相对位置；
左：210像素；
顶部：20px；
边缘底部：50px；
}

以前的
下一个
长颈鹿
长颈鹿是非洲偶蹄有蹄类哺乳动物的一个属。

树獭
树獭是哺乳动物，分为巨树獭科（二趾树獭）

狼
灰狼或灰狼（犬科狼疮），也称为木材狼或wes

熊
灰狼或灰狼（犬科狼疮），也称为木材狼或wes

猫
灰狼或灰狼（犬科狼疮），也称为木材狼或wes

阅读有关委派事件的更多信息以及有关Jquery的

函数的更多信息。这应该会有所帮助。@AkshayKhandelwal谢谢。
$（下一个按钮）。on（
可以是
下一个按钮。on（
因为它已经是Jquery对象了，但为什么它被包装在函数中（
下一个
）-我看不到该换行符中有任何值，那么为什么不将选择器与
.on
一起使用，并消除该变量？（和上一个变量）在next/prev函数中有很多重复的代码，如果可能的话，我会尝试使用其中的一个函数。好的，我不确定，会修复你说的一切。非常感谢。我很新，所以我做了很多重复的东西，我不需要。