少し掘り下げる必要がありましたが、今問題がわかりました。AnythingSlider が初期化されると、空のリストになります (どちらも実際には有効ではないと思います。</li>
空のままにするか、を使用してください<li/>
)。
<ul class="slider" id="slider1">
</li>
</ul>
これは問題ありませんが、初期化コールバックでは、ページがないため、現在のページは未定義です。
onInitialized: function(e, slider1) {
updateCaption1(slider1);
}
キャプション機能:
var updateCaption1 = function(slider1){
// slider1.$currentPage is undefined because there are no slides!
var cap = slider1.$currentPage.find('.caption1').html();
$('.current-caption1')
.html(cap)
.fadeIn(200);
};
はslider1.$currentPage
定義されておらず、slider1.currentPage
値もゼロです。
そのため、関数を削除するかonInitialized
、スライダーがコンテンツで更新された後にキャプションを更新してください。