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

Question

enter image description here

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

enter image description here

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

Answer 1

您可以处理按钮上的click事件，并检查输入字段是否可见。如果不是，则通过调用$("#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
     }
});