Quelle est la meilleure façon de fournir un style CSS par défaut, qui obtient remplacée par jQuery UI, pour No scénarios de script?

Question

Par exemple: Je << 1 2 3 4 5 6 7 8 >> pager dans ma page où chaque élément de navigation est un lien normal Html. Pour les navigateurs modernes avec JS permis, je voudrais les embellir avec de .button jQuery () . Mais je voudrais avoir quelque chose pour le scénario NoScript. Il est évident que je devrais ajouter un peu de CSS style pour les liens, mais comment puis-je connaître le CSS personnalisé ne sera pas bousiller le style de jQuery?

Est-ce une préoccupation inutile? Est-ce que jQuery fournit une fonction pour effacer tout style précédent pour l'élément?

Answer 1

propre feuille de style Utiliser jQuery UI. Jetez un oeil à leur documentation du cadre --its assez simple.

Parmi les nombreux pros de l'utilisation du framework CSS de jQuery UI sont: CSS robuste et cross-browser compatible. Un jet de corrections d'erreurs (le cas échéant). Et si vous décidez de changer le schéma de couleurs de votre application; tout ce que vous devez faire est de remplacer la feuille de style, avec une nouvelle laminé à thème un, ou l'un de la norme thèmes qui est livré avec jQuery UI.

Il va sans dire; JQuery UI ne peut pas remplacer / frack jusqu'à son propre CSS. Et vous obtiendrez un téléavertisseur qui a la même avec et sans activer JavaScript.

Astuce: Si vous n'avez pas le temps de lire la documentation framework CSS jQuery UI; utiliser Firebug (Mozilla FireFox add-on) pour inspecter le code HTML généré par l'interface utilisateur jQuery et l'appliquer à votre no- script balisage.

Mise à jour

Juste inspecté un lien transformé en un bouton. Voici le balisage généré par le plug-in buttton jQuery UI:

<a href="#" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
    <span class="ui-button-text">An anchor</span>
</a>

Answer 2

Une solution simple pourrait consister à appliquer une classe au téléavertisseur à utiliser dans le scénario NoScript et simplement supprimer cette classe en utilisant JavaScript après avoir configuré vos boutons.