6

私はAjaxとJQueryに非常に慣れていないので、これについてはご容赦ください。ページにAjaxを介してコンテンツを読み込んでいますが、読み込まれたコンテンツにはjQueryスライドショーが含まれています。リンクをクリックすると、すべてが正常に実行され、コンテンツが表示され、スライドショー以外はまったく開始されません。スライドショーが機能し始めるように、そのリンクをもう一度クリックする必要があります。

これはこれまでの私のコードです：

var loadUrl = "map_fr.html";    
$("#loader").on('click',function(){
    $("#conteudo_projects").html(ajax_load).load(loadUrl);
    });

次に、id = "loader"のリンクを選択して、＃conteudo_projectsDIV内のコンテンツをロードします。

誰か助けてもらえますか？スライドショーが最初のクリックで機能し始めないのはなぜですか？（スライドショーを動作するページで直接テストすると、問題がないことがわかります。これは、Ajaxを介してロードした場合にのみ発生します）。

どうもありがとうございます！

編集：Firebugをインストールしましたが、表示される内容がまだよくわかりませんが、Net> JSで、最初にリンクをクリックすると、GET jQueryリクエスト（ajax.googleapis.com）がグレー表示されていることに気付きました。 。もう一度クリックすると、新しいリクエストは問題ないようです。これが役立つかどうかわからない、私はこれを機能させるためにあらゆることを試みています。ありがとう！

4

2 に答える 2

1

jQueryloadを使用して、このようなコンテンツをロードできます

これにより、ajax_load 変数に保存した ajax 読み込みイメージが表示され、yourUrl からコンテンツが取得されます。ajax 呼び出しからコンテンツを受信すると、読み込みイメージ マークアップが新しいコンテンツに置き換えられます。

$(function(){
  $(document).on('click',"#loader",function(){
     $("#conteudo_projects").html(ajax_load).fadeIn(300,function(){
        $(this).load(yourUrl);
     });
  });
});

jQueryonは 1.7 以降で使用できます。それ以前のバージョンを使用している場合は、 jQuery を検討することをお勧めしますlive。

于 2012-04-20T01:16:15.630 に答える