コンテンツをdivにロードするためにAJAXを使用していますが、必要なものを達成する別の方法が見つかりません。一番上にプレイリストがあり、ユーザーが新しいページでクリックするたびに曲が再開されたため、ページをリロードせずにコンテンツをロードするために AJAX を使用する必要がありました。
次に、最初の問題が発生しました。ロードしたファイル自体に Jquery とそのコンテンツに必要なプラグイン (この場合はスライダー) を含めると、ロードするコンテンツは完全に機能しますが、コンテンツがロードされるとJqueryRotateが機能しなくなります。
コンテンツをロードするボタンにJqueryRotateを使用しています。ホバーすると円が回転しますが、これらのボタンのいずれかをクリックすると、コンテンツがロードされ、回転が機能しなくなります。ボタンは配置されたコンテンツの外にあります。
クライアントはその回転効果を望んでいるので、そのプラグインをスキップすることはできません (他のすべてが完璧に機能するので、スキップしたいと思います)。
私はすべてのプラグインを一緒に使用していましたが、それらは完全に機能しました。クライアントは、他のページに移動している間もプレイリストを再生し続けるように要求したため、コンテンツを.loadする必要があり、最初の問題が発生しました.
ボタンを回転させるために使用しているコード:
$("#boton").hover(
function () {
$(".img").rotate({animateTo:180})
},
function () {
$(".img").rotate({animateTo:0})
}
);
ドロップダウンメニューのその他：
$('#boton').click(function () {
$('#dsubmenu').toggle(),
$('.tsubmenu, .tmsubmenu').hide();});
どのようなオプションがありますか? 別のプラグインを検索する必要がありますか? 私は閲覧してきましたが、これが最小で最も効率的です。ボタンだけでサイト全体を変更したくないので、CSS3 を別のオプションにできますか? ご回答ありがとうございます。
[解決済み編集!!: 誰かが同様の問題を抱えている場合に備えて、ここに解決策を残します]
Guffa がこの投稿で言ったことを実行しました (http://stackoverflow.com/questions/6186483/apply-jquery-functions-to-loaded-elements):
新しいコンテンツが追加されたときに呼び出されるコールバックを load 呼び出しに入れることができます。
$("#load_cheque").load("./server/mode_paiement.php?cheque=1", function(){ // Here you can fix the loaded content });
プラグインのすべての .js を header.js を使用してメインの xhtml に含め、次に AJAX を介してコンテンツをロードし、他のページと同じようにスライダーが動作するようにコールバックに関数を追加しました。ありがとうグファ！あなたは私を救いました！