如果更多元素具有此類，則.click函數不適用於類

Question

這很好用：

$('.classname').click(function() {
  alert('');
});
<div class="classname">Click me!</div>

但這不是：

$('.classname').click(function() {
  alert('');
});
<div class="classname">Click me!</div>
<div class="classname">Click me!</div>

我怎樣才能解決這個問題？ 謝謝你的幫助！ （標簽中的腳本，以及.click是文檔就緒功能）

Answer 1

試試這個：

$('PARENTNODE').on('click', '.classname', function() {
  alert('');
});
<div class="classname">Click me!</div>
<div class="classname">Click me!</div>

附加單擊處理程序后添加元素。 通過使用.on（），您也可以為將來的元素啟用它。

將PARENTNODE替換為您要委托的父級（例如正文）

Answer 2

嘗試這個

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

請參閱http://api.jquery.com/on/

Answer 3

您正在嘗試定位在調用.click的時刻不存在的元素。

你可以將整個jquery代碼包裝在$（function（）{your code here}）之間; 或者在兩個<div>之后移動javascript。

Answer 4

我假設所有的div，但第一個div是動態添加的。

使用事件委派方法：

$(function(){
    $(document).on('click', '.classname', function() {
        alert('');
    });
}),