如何将jQuery .live()与ajax一起使用

Question

目前我正在使用John Resig的LiveQuery插件/函数来允许用户对列表项的长无序列表进行排序.代码如下:$('input#q').liveUpdate('ul#teams').focus();当我使用ajaxified选项卡对列表进行排序时出现问题.基本上我使用ajax来拉入不同的列表,并且该liveUpdate()函数无法访问新的li.

我假设我需要使用该.live()函数绑定它.但我不清楚如何将其绑定到ajax事件,我只使用了"click"事件.如何将新绑定liveUpdate()到新加载的列表项？

编辑: ajax选项卡通过wordpress ajax api运行,所以代码相当复杂,但简化它是这样的:

$('div.item-list-tabs').click( function(event) {
    var target = $(event.target).parent();

    var data = {action, scope, pagination}; // Passes action to WP that loads my tab data
    $.post( ajaxurl, data, function(response) {
        $(target).fadeOut( 100, function() {
            $(this).html(response);
            $(this).fadeIn(100);
        });
     });

     return false;
});

这是为了这个对话而简化,但基本上一旦$.post加载响应到位.liveUpdate()就无法访问它.我相信这个.live()功能是这个问题的答案,我只是不清楚如何用它来实现它$.post()

Answer 1

$('input#q').live(function() {
   $(this).liveUpdate('ul#teams').focus();
});