DIVのコンテンツがAJAX経由でリフレッシュされたときにjQueryスライダが機能しない

Question

私は奇妙な問題を抱えています。

私はここに私のページの本文にdiv要素を更新しています： http://www.brianrhea.com/newportfolio.php

アップデートが正常に動作しますが、ターゲット・ページでjQueryのスライダーにはない

を（サムネイル画像のいずれかをクリックしてください）作業。私はFirefox Web Developer Toolbarで生成されたソースを表示していますが、コードは正しいようですが、実行する必要のあるリフレッシュがありますか？

ご協力いただければ幸いです。

Answer 1

AJAXを読み込んだコンテンツのスライダを再初期化する必要があります。私はあなたが$(document).ready()内の次を持って気づいた：

$(document).ready(function(){ 
    $("#slider").easySlider({ 
    auto: false, 
    continuous: true, 
    speed: 1, 
    numeric: true 
    }); 
}); 

あなたのloadpage機能にeasySlider初期化コードを追加する必要があります。これは、コンテンツをページにロードすると、$(document).ready()がトリガーされないためです。スライド可能な要素をAJAXに置き換えるので、スライダを再初期化する必要があります。

また、jQueryの$.ajaxとload()機能を使用しないで、AJAXをやっていないことに気付きました。 VIA AJAXのページの一部を読み込むときに、これらはあなたの人生を楽にします。

$(document).ready(function() { 
    ajaxpage(); 
    }); 

、あなたは2を持っていることを定義している：

Answer 2

ねえ、 パラメータを指定せずajaxpage機能を呼び出しているajaxpage(url, containerid) URLをして し、エラーをContainerIDの表示されます。

bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime() 

何らかの理由で初めに呼び出す必要がありますか？

コンテンツをfolioWrapにロードしているときに、左矢印と右矢印が動作しているときに、目的のページのスライダーが機能しています。新しいコンテンツが読み込まれると、常に同じファイルを参照しています。の「再起動」/再初期化の必要はありません

GET http://www.brianrhea.com/web-scwd.html?1294607162197 
GET http://www.brianrhea.com/web-scwd.html?1294607169235 
GET http://www.brianrhea.com/web-scwd.html?1294607170578 
GET http://www.brianrhea.com/web-scwd.html?1294607171257 

：）これらの画像をクリックすると、同じページを呼び出して、何もユーザの観点から、基本的には起こりませんが、Firebugのコンソールで、私は、AJAX呼び出しを見ることができますこのプラグインはあなたがそれの内容を変更していないことを確認します。

乾杯

G.