更換聯JavaScript與jQuery聽衆不起作用

Question

我有以下幾點：

<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

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

Answer 2

有它的幾個問題，第一個包裹你的以下代碼塊中：

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

而且，這樣做$('#heart','nHeart')意味着你要訪問與ID heart一個元素應該是裏面DOM中的HTML元素nHeart。如果情況並非如此，則將您的代碼更改爲$('#heart')。

，要不然，如果你能在日以下方式註冊一個全球聽衆：

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

Answer 3

嘗試以下

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

});