click機能では、ajaxが追加された要素では機能しません。

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

これはajaxが追加されたクラスボックスを持つ要素では機能しません。これは、ページの最初の読み込み時に存在する要素に対してのみ機能します。click機能では、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では、ソリューションが機能する理由を説明することをお勧めします。詳細については、[How To Answer]（http://stackoverflow.com/help/how-to-answer）を参照してください。 –

私はそれを念頭に置いています。 – codenut

dinamically追加要素のための使用正しいイベント委任：

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

あなたはイベントの代表団hereについての詳細を読むことができます。

2017-01-07 18:38:54 Ionut

答えて