如何仅使用JavaScript为移动浏览器激活模态？

Question

好的所以我需要检测是否有人使用手机，然后礼貌地要求他们旋转屏幕，使其成为横向窗口，而不是垂直窗口。

我发现this answer用于检测移动浏览器。

使用Bootstrap，我想制作一个模态，告诉他们旋转屏幕。

我也从Bootstrap JavaScript指南中找到了这个：

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
      Launch demo modal
</button>

正如你所看到的，他们使用data-toggle="modal" data-target="#myModal"来召唤模态。我将如何实现它，以便在返回Javascript值时运行？

像

这样的东西

if ( mobile == 1 ) {
    // open modal
else {
   // ignore modal (do nothing)
}

足以进行检测，但我如何处理//open modal部分？

jQuery也可以使用，如果这有助于任何人（删除一些限制）。

谢谢！

Answer 1

可以在http://getbootstrap.com/javascript/#modals找到如何与JavaScript中的Bootstrap模式进行交互的示例。简而言之，您可以通过编程方式在元素上调用$('#myModal').modal(options)来将其激活为模式对话框。