jquery - 仅针对移动设备显示 Bootstrap 模式，不适用于桌面设备

Question

我在移动设备与桌面设备上的 Bootstrap 模式方面遇到了一个棘手的问题。

所以问题会很简短:

如何在桌面上禁用 Bootstrap 模式并仅针对移动设备/平板电脑启用？

<强> Here is a small js for tests:

Answer 1

有多种方法可以检查您是否使用移动设备。您可以read more here .

在此示例中，我仅使用了屏幕的宽度，并根据它决定是否显示模式:

$('#myModal').on('show.bs.modal', function (e) {
  if (window.innerWidth < 800) {
    return e.preventDefault();
  }
})

这是您的 jsfiddle 的更新:
http://jsfiddle.net/1aeur58f/28/