JQM испортил внешний вид и функцию выделенного списка

Question

Я работаю над этим уже несколько дней. И я не понимаю, почему мой избранник выглядит и ведет себя так странно.

Я пытался отключить все JS и CSS по одному. Я попытался оставить только минимум медведя. Я отключил свой собственный стиль CSS и плагины JQ, которые я использую. Я скачал свежие файлы Jquery Mobile и включил их. Я переключил свой выбор на стандартный выбор на демонстрационной странице JQM. Все это не имело никакого значения для того, как выбор выглядел и вел себя. Выбор (my или JQM Demo) не отображается, а JQM переключается на другой (снимайте лучше).

Также, когда я выбираю опцию, она остается открытой и очень широкой, как вы видите на картинке. Единственный способ заставить его выглядеть несколько нормально - обновить страницу.

Если я удаляю это со страницы в консоли DevTools (FF of Chrome) и меняю исходный выбор на display: normal;, я получаю выбор обратно без улучшений.

Я хочу, чтобы выбор выглядел так, как на демонстрационной странице JQM.

Answer 1

Если я правильно вас понял, ваша проблема в том, что jQuery Mobile устанавливает стиль в блоке выбора, и вы хотите, чтобы он остался без стилей?

Есть несколько подходов к этому:

1. Добавьте data-extension = ”false” атрибут ко всем элементам, для которых вы не хотите, чтобы стиль jQuery Mobile. Вы можете использовать его для одного элемента или для родительских элементов, и jQuery Mobile также предотвратит улучшение разметки для всех дочерних элементов.

2. Если вы хотите сделать это только для одного элемента, используйте только этот атрибут: data-role = ”none '

Здесь вы можете найти рабочие примеры.