光滑塊刷新不起作用

Question

「slider.refresh（）」不適用於光滑塊中的單擊事件。文檔具有此刷新功能，但出現此錯誤

未捕獲TypeError：slider.refresh不是HTMLDivElement上的函數 。

$(document).ready(function() { 
var slider = $(".content-slider").lightSlider({ 
    loop:false, 
    keyPress:true, 
    verticalHeight:500, 
    item:1, 
    auto:false, 
    adaptiveHeight: true, 
    enableTouch: true, 
    enableDrag: false, 
    freeMove:true, 
}); 

    // Save note show div 
    $('.save-note').click(function() { 
     $(this).closest('.col-sm-12'). 
     find('.note-section').removeClass('hide').fadeIn('slow'); 
     slider.refresh(); 
    }); 
}); 

在此先感謝

Answer 1

您必須再次聲明滑塊VAR：

// Save note show div 
    $('.save-note').click(function() { 
     $(this).closest('.col-sm-12'). 
     find('.note-section').removeClass('hide').fadeIn('slow'); 
     var slider = $(".content-slider").lightSlider(); // declare var again 
     slider.refresh(); 
    });