Javascript 按钮不';当我把它们放在传送带外面时,它们就不起作用了

Javascript 按钮不';当我把它们放在传送带外面时,它们就不起作用了,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我有这个代码,当我把锚(箭头img)放在外面时,.MultiCarouseldiv它不工作。我没有写代码,但我想我应该在JavaScript中做些改变。我希望锚点位于container div之外,但具有相同的功能。我不太熟悉JavaScript,所以我不知道要更改什么。有人能帮忙吗 $(文档).ready(函数(){ var itemsMainDiv=('.MultiCarousel'); var itemsDiv=('.MultiCarousel-inner'); var itemWidt

我有这个代码,当我把锚(箭头img)放在外面时,
.MultiCarousel
div它不工作。我没有写代码,但我想我应该在JavaScript中做些改变。我希望锚点位于container div之外,但具有相同的功能。我不太熟悉JavaScript,所以我不知道要更改什么。有人能帮忙吗

$(文档).ready(函数(){
var itemsMainDiv=('.MultiCarousel');
var itemsDiv=('.MultiCarousel-inner');
var itemWidth=“”;
$('.leftLst、.righlst')。单击(函数(){
var条件=$(this).hasClass(“leftLst”);
如果(条件)
点击(0,此按钮);
其他的
单击(1,此)
});
ResCarouselSize();
$(窗口)。调整大小(函数(){
ResCarouselSize();
});
//此函数用于定义项目的大小
函数ResCarouselSize(){
var incno=0;
var数据项=(“数据项”);
var itemClass=('.item');
var-id=0;
var btnParentSb=“”;
var itemsSplit='';
var sampwidth=$(itemsMainDiv).width();
var bodyWidth=$('body').width();
$(itemsDiv)。每个(函数(){
id=id+1;
var itemNumbers=$(this).find(itemClass).length;
btnParentSb=$(this.parent().attr(数据项);
itemsSplit=btnParentSb.split(',');
$(this.parent().attr(“id”,“MultiCarousel”+id);
如果(车身宽度>=1200){
incno=项目分裂[3];
itemWidth=sampwidth/incno;
}
否则如果(车身宽度>=992){
incno=项目分裂[2];
itemWidth=sampwidth/incno;
}
否则如果(车身宽度>=768){
incno=项目分裂[1];
itemWidth=sampwidth/incno;
}
否则{
incno=itemsplit[0];
itemWidth=sampwidth/incno;
}
$(this.css({'transform':'translateX(0px)'width':itemWidth*itemNumbers});
$(this).find(itemClass).each(函数)(){
$(this).outerWidth(itemWidth);
});
$(“.leftLst”).addClass(“结束”);
$(.rightLst”).removeClass(“超过”);
});
}
//此功能用于移动项目
功能重新唤醒(e、el、s){
var leftBtn=('.leftLst');
var rightbn=('.righlst');
var translateXval='';
var divStyle=$(el+''+itemsDiv).css('transform');
var值=divStyle.match(/-?[\d\.]+/g);
var xds=Math.abs(值[4]);
如果(e==0){
translateXval=parseInt(xds)-parseInt(itemWidth*s);
$(el).兄弟姐妹(rightBtn).removeClass(“结束”);
if(translateXval=itemsCondition-itemWidth/2){
translateXval=项目条件;
$(el).兄弟姐妹(rightBtn).addClass(“结束”);
}
}
$(el++'+itemsDiv).css('transform','translateX('+-translateXval++'px');
}
//它用于从btn获取一些元素
功能点击(ell,ee){
var Parent=“#”+$(ee).sibbines('.MultiCarousel').attr(“id”);
变量幻灯片=$(父).attr(“数据幻灯片”);
重新唤醒(ell、家长、幻灯片);
}
});
.MultiCarousel{
浮动:左;
溢出:隐藏;
填充:15px;
宽度:100%;
位置:相对位置;
框大小:边框框;
}
.MultiCarousel.MultiCarousel内部{
过渡:1s缓解一切;
浮动:左;
}
.MultiCarousel.MultiCarousel-inner.item{
浮动:左;
}
.MultiCarousel.MultiCarousel内部.item>div{
文本对齐:居中;
填充:10px;
利润率:10px;
颜色:#666;
}
.leftLst、.righlst{
位置:绝对位置;
边界半径:50%;
顶部:calc(50%-20px);
背景:红色;
宽度:50px;
高度:50px;
}
.leftLst{
左:0;
}
.rightLst{
右:0;
}
.leftLst.over、.righlst.over{
指针事件:无;
背景:#ccc;
}

电子证书
电子证书
电子证书
电子证书
电子证书
电子证书
电子证书
电子证书

问题在于,
click()
函数正在搜索箭头键按钮的父元素,它希望它是
.MultiCarousel
div,以便其余代码正常工作。因此,当您将箭头键放置在
.MultiCarousel
div之外时,将找到另一个父级,并且您的