同じDIVのJavascript関数は動作しません

Question

同じdivにある2つのAjax関数があります。ページが完全に読み込まれたときに最初の関数が実行され、ccsliderメソッドが呼び出され、2番目の関数はクリックしたメニューIDを確認します。メニューを使用して、異なるページの異なる内容を動的に読み込みます。

ロードされたコンテンツ（写真など）が見えますが、残念ながら私はccsliderに表示されません。スライダーは実行されていないようです。

私はそれをテストして、swapContent()機能を削除し、私のメインページ内のMySQLのクエリで私のPHPコードを置くので、私は知っている画像は、ccsliderの中に読み込まれます。

この問題の解決方法に関するヒントはありますか？

$(window).load(function(){ 
    $('#sliding').slider({ 
     _Options: { 
     imageWidth: 300, 
     imageHeight: 200 
     } 
    }); 
}); 

function swapContent(cv) { 
var url = "testing_cover.php"; 
    $.post(url, {contentVar: cv}, function(data) { 
     $("#sliding").html(data).show(); 
    }); 
} 

Answer 1

また、swapContent（）関数内でスライダメソッドを再度呼び出す必要があります。これを試して。

function swapContent(cv) { 
    var url = "testing_cover.php"; 
    $.post(url, {contentVar: cv}, function(data) { 
    $("#sliding").html(data).show(); 
    $('#sliding').slider({ 
     _Options: { 
     imageWidth: 300, 
     imageHeight: 200 
     } 
    }); 

}); 

} 

Answer 2

私は使用しているプラ​​グインの種類にアクセスできませんが、その機能のために必要なHTML構造を変更している可能性があります。 HTMLを#sliding要素内のラッパーに直接挿入するのではなく、その中に挿入してみてください。