jQuery에서 지정된 요소가 로드되기를 기다리는 구현(순수한 js 버전으로 변경 가능)_jquery

3 $(".btn_my_zzk").removeClass("btn_my_zzk").addClass("btn"); //검색 버튼



새로 고침 후 페이지에서 뭔가 문제가 있다는 것을 발견했습니다. 아니, 네트워크를 살펴보니 ajax에서 오는 것임을 발견했습니다.

_interval = 간격 || 20, //매회 20밀리초
_self = this,
_selector = this.selector, //Selector
_iIntervalID; //Timer id
if( this.length ){ //얻었다면
func && func.call( this) ;
} else {
_iIntervalID = setInterval(function() {
if(!_times) { //0이면 종료
clearInterval(_iIntervalID);
}
_times < ;= 0 || _times--; //양수인 경우--

_self = $(_selector) //
를 다시 선택합니다. if( _self.length ) { / /얻을지 결정
func && func.call(_self);
clearInterval(_iIntervalID)
}
}, _interval)
}
>}


사용법은 물론 매개변수 3개만으로 매우 간단합니다.
func는 콜백 함수로, 지정된 요소가 나타날 때 실행되는 함수입니다.
times는 감지 횟수이며 기본값은 -1이며 나타날 때까지 감지됩니다.

})

$("#widget_my_zzk").wait(function() { //#widget_my_zzk 요소를 기다리는 중입니다. 로드됨
$( ".div_my_zzk").addClass("input-append"); //검색 상자
$(".btn_my_zzk").removeClass("btn_my_zzk").addClass("btn" ); //검색 버튼
});


아주 간단하지 않나요?

물론 여전히 jQuery의 체인 구조를 파괴하지는 않습니다. still $("#id").wait(function (){}).hide();