javascript - 用 jquery 监听器替换内联 javascript 不起作用

Question

这个问题已经有答案了:

Why don't multiple class selectors work with removeClass (1 个回答)

已关闭 7 年前。

我有以下内容:

  <a href="javascript:void(0)" onclick="handleViewClick(event)" id="heart" class="next" >
    <img src="../images/Love_Heart_SVG1.svg"/>
  </a>

我想用以下内容替换:

    $('#heart','nHeart').on('click', function(e){
        handleViewClick(e);
    });

在文档准备功能中。问题是，内联有效，其他无效。我正在使用 bootstrap v4。

有人可以告诉我出了什么问题吗

Answer 1

它有一些问题，首先将您的代码包装在以下 block 中:

$(document).ready(function() {
    // Your code
});

另外，这样做$('#heart','nHeart')表示您想要访问 id heart 的元素它应该位于 HTML 元素 nHeart 内在 DOM 中。如果不是这种情况，请将代码更改为 $('#heart') .

或者，如果您可以通过以下方式注册全局监听器:

$(document).on('click', '#heart', function(e) {
    handleViewClick(e);
});