jqueryスライダが動作しないajaxをロードするとき

Question

jqueryスライダプラグインを使用してスライダを作成しています。これは、ドミノが開始されたときにスライダをdivに挿入しようとしたときに直接ロードされたときにうまく動作しますが、ajax innerHTMLメソッドを使用してインジケートされません。

どうすればいいですか？

Answer 1

innerHTMlを使用してdivにスライダーを追加するときは、スライダーの設定メソッドを再度呼び出して、スライダーがdivに追加されたときにイベントがスライダーに付加されるようにする必要があります。 ありがとう Ashwani

Answer 2

$ .ajaxメソッド内でOnCompleteプロパティを使用して、スライダーのメソッドをトリガーしてみてください。これにより、ajaxコンテンツがロードされた後にのみメソッドが起動されるようになります。

Answer 3

オブジェクトのinnerHTMLの設定によってスライダを作成しているときにスライダが初期化されていません。 （範囲スライダ用）の代わりにこれを試してみてください：ここで

$.ajax({ 
    url: "get_slider.php", 
    success: function(data){ 
    if(typeof(data) == 'string') data = JSON.parse(data); 
    $('#my_slider_id').slider({ 
      range: true, 
      min: data.min, 
      max: data.max 
     }); 
    }, 
    error: function(data){ 
    // Something went wrong, do stuff here 
    } 
}); 

我々は、少なくとも分とスライダーをインスタンス化するための最大の特性を含むJSONオブジェクトを返すようにget_slider.php期待しています。

Answer 4

イベントを再度開始/バインドする必要があります。

例えば

//Ajax done and innerHTML is set 
$('container').slider(); //Just an example... this will bind events. 

それとも

あなたは.liveにイベントハンドラを変更することができます。これは動的コンテンツを処理します。