在附加了ajax的元素上不起作用

$(document).on('turbolinks:load', function() { 
    $('.box').on("click", function() { 
     alert('hello') 
    }); 
    });

這對帶有ajax的類框元素不起作用。它只適用於初始加載頁面時出現的元素。我也嘗試作爲包裝：在附加了ajax的元素上不起作用

$(document).ready(function() { });

和

var helloscript = function() { };

但沒有任何工程。

的[？事件綁定的動態創建的元素]可能的複製（http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created -elements） – Liam

你可以這樣調用它：

$(document).on('click', '.box', function (event) { 

});

2017-01-07 18:39:36 codenut

在Stack Overflow上添加一個解釋爲什麼你的解決方案應該起作用的很好的做法。有關更多信息，請閱讀[如何回答]（http://stackoverflow.com/help/how-to-answer）。 –

我會記住這一點。 – codenut

爲dinamically添加元素使用正確的事件代表團：

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

你可以閱讀更多有關事件代表團here。

2017-01-07 18:38:54 Ionut

回答