仅在移动设备上启用数据切换

在获取要扩展的链接列表时遇到问题仅在移动设备上单击。 我目前将它们设置为在移动设备上折叠,并在平板电脑/台式机上展开。 在平板电脑/台式机上,链接不应该是可点击的。 如何重新启用click事件以在移动设备上切换列表?

 

jQuery的

 $('[data-toggle="collapse"]').click(function(e) { if ($(window).width() >= '321') { e.stopPropagation(); } else if ($(window).width() <= '320') { $('.panel').on('click', function() { $('.collapse').collapse('hide'); }); } }); 

JSFIDDLE: https ://jsfiddle.net/mxv9yq4m/11/

您还可以计算屏幕的大小,并在此声明中执行某些操作。 所以,如果你正在计算像素,你可以尝试:

  

解决方案最终将放置:

 .collapse.in{ display:block!important; } 

在移动媒体查询中。 这允许这些部分从display:none转到可见的点击。