Как я могу остановить jQuery mobile для применения стилей к моим конкретным элементам формы

Можно ли инструктировать jQuery Mobile не создавать стиль ввода и кнопку отправки. Я хорошо разбираюсь в CSS. jQuery mobile script применяет свой собственный стиль ко всем моим элементам.

один обходной путь, который я попробовал, переопределяет эти элементы в моем обычном css. Существуют ли какие-либо другие функции, где я могу это сделать? что-то вроде этого

$.ignoreStyles("button,text");

Ответ 1

jQuery Mobile будет игнорировать элементы, чьи атрибуты data-role установлены на none. Поэтому вы можете просто добавить эти атрибуты в свою разметку:

<input type="text" name="foo" data-role="none" />
<button type="button" id="bar" data-role="none">Button</button>

Ответ 2

Это работает для меня.

$(document).bind("mobileinit", function() {
  $.mobile.ignoreContentEnabled = true;
});

<div data-enhance="false">
    <input type="checkbox" name="chkbox1" id="chkbox1" 
      checked />
    <label for="chkbox1">Checkbox</label>
    <input type="radio" name="radiobtn1" id="radiobtn1" 
      checked />
    <label for="radiobtn1">Radio Button</label>
  </div>

Ответ 3

Решение @angelokh работало для меня. Также посмотрите на следующую ссылку:

http://my.safaribooksonline.com/book/-/9781849517225/7dot-configurations/ch07s06_html

Кроме того, ключ должен добавить следующий script, прежде чем включать jquery.mobile.js:

$(document).bind("mobileinit", function() {
  $.mobile.ignoreContentEnabled = true;
});

Ответ 4

попробуйте это

$(document).on('pagebeforecreate', function( e ) {
    $.mobile.ignoreContentEnabled=true;
});