Jquery UI ajax タブを使用して、サイトにコンテンツを表示しています。タブはうまく機能しています。私のAjaxタブのそれぞれに、うまく機能していない画像回転子があります。
画像回転子が正しく機能するには、jquery が必要です。jquery image rotator プラグイン ファイルはすべて、このコードを除いて正常に動作しているようです...
jQuery(document).ready(function($) {
var banner1 = $('#banner-rotator1').royalSlider({
imageAlignCenter:true,
imageScaleMode: "fill",
hideArrowOnLastSlide:true,
slideSpacing:20,
autoScaleSlider: true,
autoScaleSliderWidth: 1150,
autoScaleSliderHeight: 400
}).data("royalSlider");
var banner2 = $('#banner-rotator2').royalSlider({
imageAlignCenter:true,
imageScaleMode: "fill",
hideArrowOnLastSlide:true,
slideSpacing:20,
autoScaleSlider: true,
autoScaleSliderWidth: 1150,
autoScaleSliderHeight: 400
}).data("royalSlider");
var banner3 = $('#banner-rotator3').royalSlider({
imageAlignCenter:true,
imageScaleMode: "fill",
hideArrowOnLastSlide:true,
slideSpacing:20,
autoScaleSlider: true,
autoScaleSliderWidth: 1150,
autoScaleSliderHeight: 400
}).data("royalSlider");
var banner4 = $('#banner-rotator4').royalSlider({
imageAlignCenter:true,
imageScaleMode: "fill",
hideArrowOnLastSlide:true,
slideSpacing:20,
autoScaleSlider: true,
autoScaleSliderWidth: 1150,
autoScaleSliderHeight: 400
}).data("royalSlider");
});
コードを切り取ってajaxページに貼り付けると正常に動作するため、コードが機能することはわかっていますが、コードが「マスターページ」に配置されていると画像回転子が機能しないようです。誰かが私が間違っていることを知っていますか?
ここに私のページへのリンクがありますhttp://dl.dropbox.com/u/14080718/Ajax-Test/Ajax-stripped.html