Как я могу отключить модал начальной загрузки на рабочем столе и включить только для мобильных телефонов / планшетов?

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