如何在桌面上禁用引导模式并仅为手机/平板电脑启用

Question

在此处输入图像描述

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

在此处输入图像描述

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

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
     }
});