Jquery .on功能不起作用

Question

用這個把我的頭髮撕掉！這很簡單，我確定我錯過了一些明顯的東西，但由於某種原因，下面代碼中的'click'事件不起作用 - 當我點擊'.contacthead'元素時，完全沒有任何反應 - 沒有錯誤消息或任何東西。

任何幫助將不勝感激！

代碼：

HTML標記

jQuery的

$(document).ready(function(){ 
    $('.contactinfobox').on('click', '.contacthead', function(){ 
    alert('test'); 
    }); 
}); 

Answer 1

如果您在使用上（），這可能是因爲你的目標元素不會在DOM準備存在。我猜想.contactinfobox也沒有。試試這個：

$(document).ready(function(){ 
    $(document).on('click', '.contacthead', function(){ 
    alert('test'); 
    }); 
}); 

您可以替換的.contactinfobox任何祖先是可在DOM準備document以提高性能。