嵌套未来对象上的jQuery事件

时间:2013-11-02 00:35:35

标签: ajax jquery

我有一个网页,它会进行一些ajax调用并加载以下HTML:

<span class="actions">
    <a class="delete" href="/delete/1">Delete</a>
    <a class="edit" href="/edit/1">Edit</a>
</span>

以下javascript应将事件处理程序附加到将来的对象:

$('.actions').live('ready', initFileActions);
var initFileActions = function (options) {
    alert('action called');
    $('.delete', this).click (function (e) {
        alert ('delete called');
    });
   $('.edit', this).click (function (e) {
        alert ('edit called');
    });
    return $(this);
}

上面的代码调用了第一个警报('action called'),但没有调用第二个警报('delete called'),任何人都可以帮助我如何在上面的代码中调用第二个警报。

1 个答案:

答案 0 :(得分:1)

.live已弃用,应使用.on。 尝试:

$(document).on('click','.actions .delete' initFileActions);
var initFileActions = function (options) {
    alert ('delete called');
    return $(this);
}