Jquery Mobile: динамически отключать все стили JQM для элемента

#jquery-mobile

#jquery-mobile

Вопрос:

У меня есть элемент:

 <td colspan="3" data-enhance="false">
    <select id="CandidatesListBox" size="9" onchange="MoveToGeocode()" style="width: 100%" class="candidatesList" data-role="none"></select>
</td>
 

Я хочу, чтобы у этого элемента не было стилей jQuery Mobile. Проблема в том, что я заполняю этот элемент динамически, и jQuery mobile будет игнорировать все data-enhance="false" теги, а затем добавлять динамические элементы через javascript. jQuery Mobile также преобразует элемент управления, поэтому jQuery, который будет работать с элементом ( .add() например), не будет. Мне нужно создать динамический элемент без стилей или элементов jQuery mobile. Возможно ли это?

Редактировать

Я также пытался отключить все выборки от использования JQM, но получаю ту же проблему:

 $(document).bind('mobileinit', function () {
    $.mobile.keepNative = "select"; /* jQuery Mobile 1.4 and higher */
});
 

Ответ №1:

JQM добавляет стили и отображает их, когда вы указываете файл JQM css. После его вызова и до тех пор, пока вы не переопределите CSS своими собственными, применение стилей для определенного элемента не может быть остановлено. Потому что сам JQM обертывает наши элементы их элементами. Итак, в качестве решения получите элемент и удалите из элемента дополнительные имена классов, добавленные JQM. Также вам также нужно будет удалить элементы переноса.