特定折點上的自舉摺疊

Question

只有在較高分辨率下，Bootstrap摺疊手風琴上的切換功能才能被禁用？

目標是讓手風琴在小分辨率下摺疊，並可選擇切換狀態，並在大分辨率下展開，無需切換狀態。使用Bootstrap內置的功能來實現這個最好的方法是什麼？

無論如何要在香草js做到這一點？

Answer 1

這不是香草js，但Bootstrap使用jQuery，這樣做可能更方便。

$('a[data-toggle="collapse"]').click(function(e){ 
    if ($(window).width() >= 768) { 
     e.stopPropagation(); 
    }  
}); 

你也將要切換倒塌類手風琴的div：

$(window).resize(function(){ 
    if ($(window).width() >= 768){ 
     $('.panel-collapse').addClass('in'); 
    } 
    if ($(window).width() <= 768){ 
     $('.panel-collapse').removeClass('in'); 
    } 
}); 

可以通過禁用click事件實現這一目標