¿Cómo puedo dejar de jQuery mobile para aplicar estilos a mis elementos de formulario específicos

Question

? Es posible indicar a jQuery Mobile que no cambie el estilo de mi cuadro de entrada y botón de enviar. Estoy bien con mi CSS personalizado. La secuencia de comandos móvil de jQuery aplica su propio estilo a todos mis elementos.

la única solución que probé es anular esos elementos en mi CSS personalizado. ¿Hay otras funciones disponibles donde puedo hacer esto? algo como esto

$.ignoreStyles("button,text"); 

Answer 1

jQuery Mobile ignorará elementos cuya data-role atributos se establecen en none. Por lo tanto, simplemente puede agregar estos atributos a su marcado:

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

Answer 2

Esto funciona para mí.

$(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> 

Answer 3

@angelokh solución funcionó para mí. Busque también en el siguiente enlace:

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

también la clave es añadir el siguiente guión antes de jquery.mobile.js incluyendo:

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

Answer 4

probar esto

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