滑塊內側結合片，需要設置光滑位置時肘節在

我有內側結合片的jquery光滑滑塊和滑塊不會計算佈局，直到標籤被激活。滑塊內側結合片，需要設置光滑位置時肘節在

這是目前光滑代碼。

// JavaScript Document 


jQuery(document).on('ready', function() { 


    jQuery(".slider").slick({ asNavFor: '.slider', 
    speed: 300, 
    slidesToShow: 3, 
    slidesToScroll: 3, 
    responsive: [ 
     { 
     breakpoint: 600, 
     settings: { 
     slidesToShow: 2, 
     slidesToScroll: 2 
     } 
    }, 
    { 
     breakpoint: 480, 
     settings: { 
     slidesToShow: 1, 
     slidesToScroll: 1 
     } 
    }, 
    ] 

    }); 
jQuery(document).bind('DOMSubtreeModified', function() { 
     $('.panel-collapse first-toggle collapse in').get(0).slick.setPosition();   
    }); 
});

，這裏是HTML輸出頁面my html output page

如果您單擊標籤可任選的覆蓋選項卡上，光滑的擠壓在一側。

我看着就肯兩輪車reddit的滑塊和他的評論是

這是因爲當旋轉木馬是隱藏的，油滑不能正確計算其尺寸。

一個簡單的修復方法是進入引導程序的css並使用 max-height：0px和max-height：auto代替display：none和 display：block。

另一種方式，就是當顯示選項卡，請撥打 $（ '的傳送帶，這就是 - 讓圖示'）。得到（0）.slick.setPosition（）

我試着在bootstrap之外更改css！對於班級來說很重要，但是max-height：auto會出現無效標記，並且它無法修復它。

來源

2017-05-07 Denise Field

Change僅針對表單元素（輸入，textarea或select）的事件。您需要將函數綁定到DOMSubtreeModified突變事件。

例子：

$(document).bind('DOMSubtreeModified', function() { 
    $('.panel-collapse.collapse.first-toggle.in').get(0).slick.setPosition();   
    });

來源

2017-05-07 10:19:42 Ashiquzzaman

我已經把它，但我得到一個錯誤類型$不是一個函數？ –

你正在加載正確的slick.js文件嗎？你正在加載正確的jQuery文件？你已經包括jQuery的[email protected] – Ashiquzzaman

之前還上了班，這些是多個類，我需要每一個這樣的（「.panel崩潰」，獨立‘收起’，‘第一切換’，」 .in'），或者實際上它只是從類的行中改變而來的'.in'，那麼這是唯一需要包含的嗎？ –

滑塊內側結合片，需要設置光滑位置時肘節在

回答

相關問題