Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 特定断点上的引导折叠_Javascript_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 特定断点上的引导折叠

Javascript 特定断点上的引导折叠,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,引导折叠手风琴上的切换功能只能在较大分辨率下禁用吗 我们的目标是让手风琴在小分辨率上折叠,可以选择切换状态,在大分辨率上扩展,但不能选择切换状态。使用自举内置功能实现这一点的最佳方法是什么 无论如何,要在vanilla js中实现这一点?这不是vanilla js,但由于Bootstrap使用jQuery,因此这样做可能更方便 您可以通过禁用单击事件来实现这一点: $('a[data-toggle="collapse"]').click(function(e){ if ($(window

引导折叠手风琴上的切换功能只能在较大分辨率下禁用吗

我们的目标是让手风琴在小分辨率上折叠,可以选择切换状态,在大分辨率上扩展,但不能选择切换状态。使用自举内置功能实现这一点的最佳方法是什么


无论如何,要在vanilla js中实现这一点?

这不是vanilla 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');
    }
});
$(窗口)。调整大小(函数(){
如果($(window).width()>=768){
$('.panel collapse').addClass('in');
}
if($(窗口).width()