В jquery mobile, как предотвратить добавление некоторых определенных классов к элементам?

Question

Например, в этом случае

Мне просто не нужен класс ui-shadow в элементе и без переопределения css.

Iпробовал data-shadow="false" но это не скрывает тень.есть ли другой атрибут для этого?

Answer 1

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

Для собственных элементов у вас есть возможность установить атрибут следующим образом:

 data-role="none"

Документы:

• http://jquerymobile.com/demos/1.0rc2/docs/forms/forms-all-native.html

Вы можете создать свою собственную тему с новым JQM Theme Roller:

• http://jquerymobile.com/themeroller/

Или (Не уверен, что это лучшее решение, так как, вероятно,что-то сломать) удалить CSS для ui-shadow, но я бы не стал этого делать.

Последнее использование jQuery и удаление класса

$('$element_id').removeClass('ui-shadow');

// this might need a refresh as well
$('#page_id').trigger('create');

Так как я вижу, что это список, который вы можете обновитьвот так же

 $('ul').listview('refresh');

Answer 2

Вы должны применить data-shadow="false" к модальному контейнеру (элемент с атрибутом data-role="popup").

Пример:

<a href="#modal-foo" data-rel="popup">Trigger</a>

<div id="modal-foo" data-role="popup" data-shadow="false">
  Crazy modal stuff!
</div>