jQueryイベントはajax読み込みコンテンツ（html）で動作しません

Question

ajaxを使用してhtmlコンテンツを読み込むと、読み込まれたhtmlのjqueryイベントは機能しません。

<div> 
    <p class="text">test data</p> 
</div> 

は、今私が定義されているクリックイベントでのjQueryを発射されていないAJAXロードされたデータをクリック：

は例 -

のために私は

$('.test').on('click', function(){ 
    alert('hi'); 
}); 

AJAX応答機能 - jqueryのを持っています。

Answer 1

はそれを試してみてください、それは

$(document).ready(function() { 
    $.get(url, {}, function(response) { 
    $('#ajax-loadedData').html(response); 
    bindEventOnLoadedData(); 
    }); 
}); 

function bindEventOnLoadedData() { 
    $('.test').on('click', function(){ 
    alert('hi'); 
    }); 
}