2010-01-24 17 views

Respuesta

4

JQuery UI se compone de algunas clases de marco de CSS estándar. Puede eliminar los temas de UI de un elemento desactivando esas clases. Consulte JQuery UI docs para ver una lista de las clases y decidir cuál es la que desea eliminar (usar Firebug también lo hace fácil, puede identificar qué clases de UI se aplican). ui-widget y ui-state-default son opciones probables.

Una vez que sepa la clase, sólo tiene que utilizar jQuery de removeClass() a bajar de él:

$('element').removeClass('ui-widget'); 
+1

Al eliminar la clase, no seré capaz de arrastrar y soltar, supongo, y esto es problemático. De hecho, quiero que el cuadro de diálogo modal tenga un tema y no todos los demás controles que se puedan arrastrar. –

+0

le da al control una identificación y sobrescribe el css – redsquare

+1

Difícil de conseguir porque el complemento JQuery Draggrable utiliza la clase para su manipulación. –

1

Hay camino;) Tienes que eliminar toda declaración de addClass en el archivo de jQuery JavaScript.

Encuentra una sección adecuada (para mí fue acccordion) y elimínalo del código js addClass().

que funcione para mí;)

+0

El problema con esa solución es que se requiere que la clase sea capaz de arrastrar y colocar con JQuery UI. No puedo eliminarlo –

+0

no sé nada de arrastrar y soltar, pero para el acordeón estoy eliminando todas las clases .ui-state * y all .ui-cornner * ¡y está funcionando bien! – gcb

21

Sé que esta pregunta es viejo, pero parece que jQuery Mobile ahora tiene una manera de evitar esto:

data-role="none" 

añadir que a cualquier elemento de formulario o el botón para eliminar jQuery Mobile Theming.

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

+1

¡Perfecto! Esa es la única solución para deshabilitar el "analizador de Javascript" de jquery mobile para leer su elemento DOM. –

+1

Esta es definitivamente la respuesta que debe marcarse como correcta. ¡Gracias! – tremby

+0

funciona perfecto! ¡Esta debería ser la respuesta aceptada! – hashcoder

2

A partir de 1.3, se ve añadiendo el atributo

data-theme="none" 

hace el truco.

Cuestiones relacionadas