在未来元素上附加事件

时间:2015-03-19 07:26:17

标签: javascript

我需要在页面加载后在页面上加载一些元素(ajax调用的结果)之后调用一个函数,我不能使用成功回调函数。有没有办法做到这一点?

1 个答案:

答案 0 :(得分:0)

从你的标题看来你需要附加一个回调(例如点击回调)。 您可以使用javascript直接使用事件委派: 例如:

// Get the element, add a click listener...
document.getElementById("ajax-target").addEventListener("click", 

    function(e) {
        // e.target is the clicked element!
        // If it was a list item
        //Future elements
        if(e.target && e.target.nodeName == "LI") {
            // List item found!  Output the ID!
            console.log("List item ", e.target.id.replace("post-"), " was clicked!");
        }
    });

使用jQuery,这将非常简单:

$('#ajax-target').on('click', '.future-elements', function(e){
   console.log('some future elements was clicked');
});