jquery loaded 커스텀 함수

$("div.section").ready()같은 함수가 필요해서 만들었습니다. 비동기로 dom에 삽입될때도 작동합니다.

[code]

$.fn.loaded = function(node_selector,callback_func,option){
    var loaded = [];
    // 감시 대상 요소 선택
    $(this).each(function (i,e) {

        var $target = $(e);
        var targetNode = $target[0];
        var added = [];

        if (!node_selector instanceof jQuery){
            node_selector = $(node_selector);
        }

        var callback_excute = function (index,elem) {
            // if(elem.weaver_loaded==true){
            //     return false;
            // }
            if(loaded.includes(elem)){
                return false;
            }
            loaded.push(elem);
            // elem.weaver_loaded=true;
            callback_func.call(elem,index,elem);
        }

        $(node_selector,$target).each(function (i,e) {

            callback_excute(i,e)
        })

        var config = { childList: true, subtree: true };


        var observer = new MutationObserver(function(mutationsList, observer) {
            for(var mutation of mutationsList) {

                if (mutation.type === 'childList') {

                    $.each(mutation.addedNodes,function (j,k){
                        var $node ;

                        if($(k).is(node_selector)){
                            $node = $(k);

                            callback_excute(j,$node[0])

                        }else{
                            $(node_selector,$(k)).each(function (x,y) {

                                callback_excute(x,y)
                            });
                        }

                    })


                }
            }
        });
        observer.observe(targetNode, config);
    })
};

// 사용법

$("div.section").loaded(function(i,e){

    $(this).html('test');

}}

[/code]