jquery - jQueryでコールバックを追加する

Question

私には解決策があります：

var addContent = {
...
append: function (obj, data, callBack) {
        "use strict";
        obj.append(data);
        callBack();
    }
}

「addContent.append（）」関数は、そのデータパラメータ値をそのobjに追加し、そのcallBack（）を呼び出します。これも機能しています。ただし、「objパラメータ」はDOMに含まれていないため、「データパラメータ」で見つかった要素は使用できません。

例えば：

var to = jQuery('<div>');
addContent.append(to, '<div id="element1"></div>', function () {
    alert(jQuery('#element1').length);
});

このコードは「0」です。

解決策はありますか？

ありがとう！

Answer 1

あなたの質問を正しく理解した場合、問題は、によって参照される要素toがDOMにないため、追加された要素を選択しようとすると、それらが見つからないことです(親がドム)。

あなたが望んでいるのはコンテキスト引数だと思います：

alert(jQuery('#element1', to).length);

#element1これにより、 の子孫である一致する要素が選択されますto。

Answer 2

ドキュメントレディ機能を利用する

jQuery(document).ready(function(){
    var addContent = {
    append: function (obj, data, callBack) {
            "use strict";
            obj.append(data);
            callBack();
        }
    }
    var to = jQuery('div');
    addContent.append(to, '<div id="element1">545</div>', function () {
        alert(jQuery('#element1').length);
    });
});