Question

出于某种原因，我的代码中有一个错误，导致某些按钮没有响应。

我的代码中是否有人看到任何错误？

$('#arrowbutton').click(function(){
    console.log('arrowbutton clicked');  
    $('#code2').animate({'opacity': '1'}, 350)
})

#arrow{
    margin-left:384px;
    z-index:15;
    margin-top:50px;
    width:25px;
    z-index:20;
    position:fixed;
}

<a id="arrowbutton"> <img src="images/step-22.png" id="arrow"> </a>

我没有收到任何错误，也没有收到console.log()消息。

为什么这不起作用？

Answer 1

如果您有多个ID为#arrowbutton的按钮，可能会感到困惑 - 或者只将事件放在一个或只是中断（取决于您使用的浏览器）

ids需要对html页面是唯一的因此，如果您希望有多个链接具有此行为，则应将其更改为类。

例如

<a class="arrowbutton"> <img src="images/step-22.png" id="arrow"> </a> 

$('.arrowbutton').click(function(){
    console.log('arrowbutton clicked');  
    $('#code2').animate({'opacity': '1'}, 350);
});

（注意：没有经过实际测试，可能是错误的）

没有反应的按钮

1 个答案: