12
votes

JQuery désactiver le thème pour un élément spécifique

Y a-t-il un moyen de désactiver le thème sur un élément de la page?

J'ai un élément d'interface utilisateur JQuery, mais j'ai besoin d'avoir un de ces éléments non thémnus. Comment faire ça?


1 commentaires

Pouvez-vous donner l'échantillon de l'élément UI?


4 Réponses :


4
votes

JQuery UI est composé de classes de cadre CSS standard. Vous pouvez supprimer les thèmes UI d'un élément en éteignant ces classes. Découvrez le JQuery UI Docs pour voir une liste des classes et décider lequel vous êtes Voulez-vous supprimer (l'utilisation de Firebug rend également cela assez simple, vous pouvez identifier les classes d'interface utilisateur appliquées). ui-widget code> et ui-état-défaut code> sont probablement des choix.

Une fois que vous connaissez la classe, utilisez simplement JQuery's Removeclass () code> à Obtenez-le: P>

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


3 commentaires

En supprimant la classe, je ne pourrai pas glisser-déposer, je suppose et c'est problématique. En fait, je veux que la boîte de dialogue modale soit thématique et non tous les autres contrôles pouvant être déplacés.


Donnez à la commande un identifiant et écrasez le CSS


Difficile d'aller parce que la classe d'usage plug-in de jQuery Draggrable pour sa manipulation.



1
votes

Il y a un moyen;) Vous devez supprimer toutes les déclarations de AddClass dans le fichier JQuery JavaScript.

Trouver une section appropriée (pour moi était accordion) et supprimer du code JS AddClass ().

Cela fonctionne pour moi;)


2 commentaires

Le problème avec cette solution est que la classe est nécessaire pour pouvoir faire glisser-goutte avec JQuery UI. Je ne peux pas l'enlever.


Je ne sais pas de traînée et de goutte, mais pour l'accordéon, je retire tout le .ui-State * et toutes les classes .ui-Cornner * et ça fonctionne très bien!



21
votes

Je sais que cette question est vieille mais elle ressemble à JQuery Mobile a maintenant un moyen de contourner ce problème:

data-role="none"


2 commentaires

Parfait ! C'est la seule solution pour désactiver l'analyseur JavaScript de JQuery Mobile pour lire votre élément DOM.


C'est définitivement la réponse qui doit être marquée comme correcte. Merci!



2
votes

A partir de 1.3, il semble que l'attribut xxx

fait le tour.


0 commentaires