bxSlider onSlideBefore - 首次通过后不起作用

Question

我正在使用bxSlider和onSlideBefore回调进行幻灯片演示。虽然它适用于滑块的第一次迭代，但该功能在后续访问特定幻灯片时失败，或者在幻灯片的第二次（和之后）迭代中失败。

以下是相关代码：

$(document).ready(function(){
    var slider = $('.slider').bxSlider({
        auto:true,
        mode: 'fade',
    pause:8000,
    captions:false,
    controls:true,
    onSliderLoad: function(){
        var caption = $('#0 .caption').contents();              
        $(".imageCaption").html(caption);
            },  
        onSlideBefore: function(){
            var caption = '#';
            caption += slider.getCurrentSlide();
        caption += ' .caption';
        var cap = $(caption).contents();
        $(".imageCaption").html(cap);
        },
        }); 
});

Example on JSFiddle

Answer 1

基本上发生的事情是jQuery将内容从Div A中拉出并放入Div B.

我希望将其复制，但保留在Div A中。将.contents()替换为.html()我修复了我的问题。