jQueryスライダで初めて画像が読み込まれる

Question

jquery load（）を使用して、私のウェブサイト上のすべてのドキュメントを表示しています。 index.htmlをファイルに私のスクリプトはhome.html

$(document).ready(function() { 
//$(window).load(function() { 
    $('#slider').nivoSlider({effect:'fade', animSpeed:800, pauseTime:5000}); 
return false; 
    }); 

nivosliderのデフォルトがある（ウィンドウ）.LOADでこの

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#main-wrap').load("home.html"); 

    $('#home').click(function() { 
     $('#main-wrap').load("home.html"); 
     return false; 
    }); 

    $('#wilgoc').click(function() { 
     $('#main-wrap').load("wilgoc.html"); 
     return false; 
    }); 
etc... 

のように見えますが、私はhome.htmlをロードするとき、それは動作しません。 2回目は...どんなアイデア？ありがとうございました。

Answer 1

ページが動的にロードされている（#sliderは、新しいDOM要素である）ので、それは

$('#home').click(function(e) { 
    e.preventDefault(); 
    $('#main-wrap').load("home.html", function(){ 
     $('#slider').nivoSlider({effect:'fade', animSpeed:800, pauseTime:5000}); 
    }); 
}); 

EDIT働いていない：あなたのhome.htmlからdocument.readyを削除

をあなたのindex.htmlファイル内に保持し、home.htmlをあなたのindex.htmlとしてロードするたびにコールバック関数内のプラグインを呼び出します。

$(document).ready(function() { 

    $('#main-wrap').load("home.html", function(){ 
     $('#slider').nivoSlider({effect:'fade', animSpeed:800, pauseTime:5000}); 
    }); 

    $('#home').click(function(e) { 
     e.preventDefault(); 
     $('#main-wrap').load("home.html", function(){ 
      $('#slider').nivoSlider({effect:'fade', animSpeed:800, pauseTime:5000}); 
     }); 
    }); 
    ... 
    ... 
}); 

別の完全なhtmlファイルを読み込まないようにしてください（htmlを使用してください）。 head e.t.cタグ）をdiv内に作成します。

あなたは（各ラインを置き換える）、これを試すことができます：

setTimeout(function(){ 
    $('#slider').nivoSlider({effect:'fade', animSpeed:800, pauseTime:5000}); 
}, 1000);