8
votes

Comment remplacer les styles de widget UI jQuery et garder la fonctionnalité

J'utilise JQuery UI pour une application interne.


Je cherche un Un moyen facile de supprimer toutes les informations de style fournies par JQuery UI sur une instance de widget donnée. Je suis ouvert à vraiment quelque chose, mais une solution JavaScript réutilisable serait parfaite. Il est absolument impératif qu'aucune fonctionnalité ne soit perdue.

la chose la plus importante est que tous les images de fond sont supprimées, je suis ok avec la conservation des styles de mise en page. < / em>

idéalement quelque chose comme ... xxx

mais je suis ouvert à ce qui me permet de modifier le widget styles de manière flexible.

L'objectif final est d'avoir autant de contrôle de styles que possible


0 commentaires

4 Réponses :


0
votes

Vous pouvez facilement créer une fonction de réamorces de votre choix.

$.fn.removeStyles = function(){
 $(this).attr('class','');
};


2 commentaires

Je suis préoccupé par la foulée de la fonctionnalité avec la suppression de toutes les classes de widget ...


De plus, cela supprimerait les cours que j'ignent manuellement dans le balisage que je voudrais garder.



0
votes

Vous pouvez simplement supprimer le fichier CSS et commencer à reconstruire cela avec seulement la mise en page souhaitée. C'est beaucoup de travail mais c'est le prix qui vient avec elle ...


0 commentaires

16
votes

Pour remplacer le CSS JQuery-UI, utilisez le ! Important Tag. XXX


1 commentaires

+1: IMHO, et même si ce n'est pas ce que l'OP voulait (même s'ils sont le même utilisateur?!?!), Ceci est la manière la plus discrète de remplacer les styles sans que Dirddling avec le JS, ce qui conduit à un warren de lapin de douleur. La valeur CSS importante est souvent négligée et incroyablement utile.



4
votes

Le moyen plus facile de supprimer les styles / classes CSS est à utiliser. removeclass () . Par exemple, pour remplacer tous les coins des onglets et avoir uniquement les coins supérieurs, je l'utilise comme ceci: xxx

espère que cela aide!


0 commentaires