jquery - 在 jQuery 中实时查找

Question

我使用findjQuery 中的方法来查找页面上的特定框。

我还有其他按钮可以创建没有页面刷新的新框。然后找不到这些新框find，这是一个问题。

我用：

$("fieldset#"+new_item_id).find("div.images").append(img);

但我也在考虑如何实现该live方法。或者我应该使用on还是其他？这种实时更新的东西很难。

Answer 1

您必须在每个事件上调用一个函数来实现这一点。

function addImg( new_item_id, img ){
    $("fieldset#"+new_item_id).find("div.images").append(img);
}

对于那些已经存在的元素，您必须在页面加载时调用它。对于每个添加的元素，您再次调用它。所以你最终会得到类似的东西：

$(function(){
    $("fieldset[id]").each(function(){
        var img = //how ever you find this image...
        addImg($(this).attr('id'),img);
    });

    $('button').click(function(){
        //some ajax call
        $.ajax(
            // what ever options you have for url, data etc etc.
            success: function(response){ // assuming response is just the markup
                var $el = $(response);
                $('#content').append($el); // how ever you add this content - its probably NOT #content but you'll know that...
                var img = //how ever you find this image...
                addImg( $el.attr('id'), img );
            }
        );
    });
});

function addImg( new_item_id, img ){
    $("#"+new_item_id).find("div.images").append(img);
}

编辑 - 而不是让函数找到元素只是将它传递进来......

$(function(){
    $("fieldset[id]").each(function(){
        var img = //how ever you find this image...
        addImg($(this),img);
    });

    $('button').click(function(){
        //some ajax call
        $.ajax(
            // what ever options you have for url, data etc etc.
            success: function(response){ // assuming response is just the markup
                var $el = $(response);
                $('#content').append($el); // how ever you add this content - its probably NOT #content but you'll know that...
                var img = //how ever you find this image...
                addImg( $el, img );
            }
        );
    });
});

function addImg( $newEle, img ){
    $newEle.find("div.images").append(img);
}