Question

我正在尝试使用jQuery创建一个轮播。我有一个普通班和下一个班。分别是按钮和标签。 .click事件都不起作用。事件在document.ready内。

<button type="button" class="prev">&#10094;</button>
<a class="next">&#10095;</a>

$(document).ready(function(){
    $("#slide1").show();

    $(".next").click(function () {
        if ($slideNumber < 2){
            switch ($slideNumber){
                case 0: $("#slide0").hide();
                case 1: $("#slide1").hide();
            }
            $slideNumber++
        }else { ...
    });

    $(".prev").click(function () {
        if ($slideNumber > 0){
            switch ($slideNumber){
                case 1: $("#slide1").hide();
                case 2: $("#slide2").hide();
            }
            $slideNumber--
        }else { ...

Answer 1

使用$（ducument）.on（）代替..

$（“。prev”）。点击（function（）和 $（“。next”）。点击（function（）

$(ducument).on(".next","click",function () {
});

Answer 2

问题是由于HTML元素的重叠。这导致按钮/标签的可点击区域被阻挡。

为什么我的.click事件不会被激活？

2 个答案: