Как Jquery Mobile сделал закрывающуюся панель в своих документах?
На этой странице JQM GitHub кто-то спрашивает о том, чтобы две панели были открыты одновременно. Всякий раз, когда этот вопрос задают в Интернете, обычный ответ заключается в том, что это в принципе невозможно с JQM и, как правило, нежелательно в любом случае, и здесь нет исключений. Но тогда тот же разработчик, который сказал это, упоминает:
Возможно, вы захотите взглянуть на то, как мы сделали то же самое для наших демонстраций. Меню слева представляет собой панель, но мы сделали ее содержимое всегда видимым на более широких экранах с помощью некоторого пользовательского CSS. Справа у нас есть оверлейная панель для поиска.
Я посмотрел вокруг этой страницы. Боковое меню - это действительно меню, и, похоже, его нельзя закрыть. Я вошел
$(".jqm-navmenu-panel").panel("close");
в консоли Chrome это не имело никакого эффекта, кроме как вернуть неизменный элемент в консоль, в то время как открытие панели поиска и затем выполнение той же команды с "search" вместо "navmenu" приведет к заметному закрытию панели поиска.
Я не могу понять, что было сделано, чтобы сделать это таким образом. Я хотел бы повторить тот же эффект в моем проекте: две панели не открываются, если экран широкий (фактически, только боковые панели), но ведет себя нормально на меньших экранах.
Что бы это ни стоило, в документации на панели перечислен метод, позволяющий программно открыть две панели, но я не смог заставить его работать, и тот же разработчик, который написал выше , также сказал, что JQM CSS не поддерживает это, и метод должен быть удаленным из документации.