jQuery下で指定要素のロード待ちの実装(pure js版に変更可能)_jquery

1 $("#btn_comment_submit").removeClass("comment_btn").addClass("btn"); //送信ボタン
2 $(".div_my_zzk").addClass("input-append"); // 検索ボックス
3 $(".btn_my_zzk").removeClass("btn_my_zzk").addClass("btn"); // 検索ボタン

jQuery.fn.wait = function (func , 回, 間隔) {
var _times = 回 || -1, //100 回
_interval = 間隔 20, // 毎回 20 ミリ秒
_self = this,
_selector = this.selector, //セレクター
_iIntervalID; //タイマー ID
if( this.length ){ //取得済みの場合は関数
func && func.call( this) ;
} else {
_iIntervalID = setInterval(function() {
if(!_times) { //0 の場合終了
clearInterval(_iIntervalID);
}
_times < ;= _times--; // 正の数の場合 -

_self = $(_selector); //
を再度選択 if( _self.length ) { / /取得するかどうかを決定します
func && func.call(_self);
}
}, _interval);
return this; >}


使用方法はもちろん非常に簡単で、パラメータは 3 つだけです。
func はコールバック関数で、指定された要素が出現したときに実行される関数です。

// これは $("#btn_comment_submit")
});

$("#widget_my_zzk").wait(function() { // #widget_my_zzk 要素を待機していますロードされる
$( ".div_my_zzk").addClass("input-append"); //検索ボックス
$(".btn_my_zzk").removeClass("btn_my_zzk").addClass("btn" ); //検索ボタン
});


もちろん、jQuery のチェーン構造を破壊することはできません。まだ $("#id").wait(function (){}).hide();
でも、よく考えたら要素がロードされていないのでチェーンを続ける意味がなかったのですが、忘れてください。それは変更しません、そのままにしておきます。笑 :-)