jquery - jQueryモバイルイベントバインドは面倒です

Question

http://jsfiddle.net/ca11111/arwkS/1/

このフィドルでは、スライダーボタンのマウスアップを値をリセットする関数にバインドしたいと思いました。

フィドルは機能していますが、私が見つけた唯一の方法は、この醜いタイムアウト関数を配置することです。スライダーがないと、スライダーはまだ存在しないため、バインディングは失敗しますが、ドキュメント「mobileinit」イベントを読み取ることでうまくいくはずです。

この醜いスクリプトを改善できますか？

編集：タイムアウトを設定したので、もちろん次のように実行できます。

setTimeout(function(){ 
    console.log($(".ui-slider-handle .ui-btn-inner").length);
    $(".ui-slider-handle .ui-btn-inner").mouseup(function() {
        console.log('Handler for .mouseup() called.');
        $("#slider-0").val(25).slider("refresh");
    });
}, 2000);

Answer 1

メソッドを使用liveしてバインディングを実行すると、これを解決できる場合があります。

jQueryライブメソッド。

説明：現在または将来、現在のセレクターに一致するすべての要素のイベントにハンドラーをアタッチします。

これがあなたのコードの実際の例です。