javascript - 用jquery监听器替换嵌入式javascript不起作用

This question already has an answer here:

Why don't multiple class selectors work with removeClass
                                
                                    （1个答案）
                                
                        
                4年前关闭。
            
        

我有以下内容：

  <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。

有人可以告诉我怎么了。

最佳答案

它有一些问题，首先将代码包装在以下代码块中：

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

同样，执行此$('#heart','nHeart')意味着您要访问ID为heart的元素，该元素应位于DOM中的HTML元素nHeart内。如果不是这种情况，则将代码更改为$('#heart')。

或者，否则，如果您可以通过以下方式注册全局侦听器：

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