search.html
スライダーを含むと呼ばれる html ページがありますが、このページで完全に機能します。
jQuery .load() 関数を使用して、このページを別のページ (メイン ページ) にロードしようとしています。
スライダーの初期化を から削除search.html
し、メイン ページの load() のコールバック関数内に配置して、次のように、AJAX を介して設定された DOM の準備が整った後に実行されるようにしました。
$("#display_area").load("search.html","",function(response,status,xhr){
//#display_area is a div
$( "#sliderprice" ).slider({ max: 1000 },{ step: 10 });
//#sliderprice is a div
})
jQuery と jQuery UI の JS スクリプトを、search.html ページとメイン ページの両方のヘッドに含めました。
メインページをロードすると、スライダーが正常に動作することがありますが、まったく動作しない (初期化されない) 場合があり、これが発生すると、firebug のエラーコンソールに次のように表示されます: $("#sliderprice").slider は関数ではありません
ページを更新するだけで、うまくいくこともあればうまくいかないこともあります。
これを修正して、いつでも機能するようにしたいと思います。どんな助けでも大歓迎です。