应在移动设备上激活bootstrap折叠内容面板

时间:2017-06-09 05:25:24

标签: jquery twitter-bootstrap

我在移动设备和桌面上激活折叠内容面板时遇到问题,应该取消激活它。我使用过bootstrap collapse功能。

1 个答案:

答案 0 :(得分:2)

请使用此jquery代码。它会帮助你。工作jsfiddle示例

$(document).ready(function(){
  if ($(window).width() < 767){  
    $('.panel-collapse').removeClass('in');
    $('.panel-collapse:first').addClass('in');
    $('.collapsed').css({'pointer-events':'auto','cursor':'pointer'});
  }else{
    $('.panel-collapse').addClass('in');
    $('.collapsed').css({'pointer-events':'none','cursor':'default'});
  }
});