如何在桌面上禁用引导模式并仅对移动/平板电脑启用？

Question

enter image description here

我们有两个用户界面，一个用于桌面，一个用于移动，当用户通过桌面登录时，将显示用户名输入和用户名密码字段，当它变成移动视图时，这两个字段将被隐藏并屏幕显示如下所示；

enter image description here

问题是这样的，当我尝试登录并单击登录按钮时，登录会显示正常，但是当我通过桌面单击登录时，也会出现模式，我想移动或显示隐藏的登录弹出窗口在桌面屏幕上。请回答。

Answer 1

您可以处理按钮上的单击事件并检查输入字段是否可见。如果没有，则通过调用 $("#modal").modal('show') 以编程方式显示模式

所以默认情况下，在 JS 中使用您的登录表单作为常规表单（不要使用引导模式）：

$("#submitbutton").click(function() {  //catch button click
     if ( !$("#username").is(":visible") ) { //is mobile version?
          event.preventDefault(); //dont send form
          $("#modal").modal('show'); //but instead, show modal
     }
});