特定折点上的自举折叠

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事件实现这一目标