点击事件不生效啊!!我该怎么办,大神们
<body>
<div class="return">
<ul>
<li>
<a href="#"><img src="img.png"></a>
</li>
<li>
<a href="#"><img src="img_2.png"></a>
</li>
<li>
<a href="#"><img src="img_3.png"></a>
</li>
<li>
<a href="#"><img src="img_4.png"></a>
</li>
<li>
<a href="#"><img src="img_1.png"></a>
</li>
</ul>
<div class="arrow">
<span class="left"><</span>
<span class="right">></span>
</div>
<div class="box">
<ul>
<li class="show"></li>
<li class="show"></li>
<li class="show"></li>
<li class="show"></li>
<li class="show"></li>
</ul>
</div>
</div>
<script>
let num = 0;
$(".right").click(function(){
num++;
if (num == $(".return>ul>Li").length){
num = 0;
}
fun_l_r(num);
});
$(".left").on("click", function(){
num--;
if(num == -1){
num = $(".return>ul>li").length-1;
}
fun_l_r(num);
});
$(".box li").click(function(){
num = $(this).index();
fun_l_r(num);
});
function fun_l_r(num){
$(".return li").eq(num).fadeIn().siblings().fadeOut();
$(".box li").eq(num).addClass("show").siblings().removeClass("show");
}
</script>
不会写
没啥问题啊,你该不会没引入jquery吧
Demo