Was ist der beste Weg, um einen Standard-CSS-Stil zu schaffen, die von jQuery UI, für No Script Szenarien außer Kraft gesetzt wird?

Question

Zum Beispiel: Ich habe einen Pager << 1 2 3 4 5 6 7 8 >> in meiner Seite, wo jedes Navigationselement ein normaler HTML-Link ist. Für modernen Browser mit JS aktiviert ist, würde ich sie gerne mit jQuery .Taste () verschönern. Aber ich möchte etwas für NoScript Szenario haben. Offensichtlich sollte ich einige CSS hinzufügen, für die Links Styling, aber wie kann ich wissen, das benutzerdefinierte CSS nicht jQuery Styling vermasseln?

Ist dies eine unnötige Sorge? Does jQuery bietet eine Funktion für das Element jeden vorherigen Styling löschen?

Answer 1

Mit jQuery UI eigener Sheet. Werfen Sie einen Blick auf ihre Dokumentation des Frameworks ziemlich geradlinig --its.

Unter den vielen Profis der Verwendung von CSS-Framework jQuery UI sind: robust und Cross-Browser kompatibel CSS. Ein fester Strom von Fehlerkorrekturen (falls vorhanden). Und wenn Sie sich entscheiden, das Farbschema Ihrer Anwendung zu ändern; alles, was Sie tun müssen, ist das Stylesheet zu ersetzen, mit einem neuen Thema gewalzten einer oder einer des Standard Themen, die mit jQuery UI.

kommt gebündelt

Unnötig zu sagen; jQuery UI kann nicht außer Kraft setzen / seine eigene CSS frack auf. Und Sie werden einen Pager erhalten, die gleich aussieht mit und ohne JavaScript aktiviert ist.

Tipp: Wenn Sie haben nicht die Zeit, über die jQuery UI-CSS-Framework-Dokumentation zu lesen; verwenden FireBug (Mozilla Firefox-Add-on), um die HTML zu untersuchen, die von jQuery UI und es auf Ihre no- script-Markup.

Aktualisieren

Just kontrolliert einen Link in einen Knopf gemacht. Hier ist die Markup generiert durch jQuery UI buttton Plug-in:

<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

Eine einfache Lösung könnte sein, eine Klasse an den Pager gilt, in dem NoScript Szenario verwendet werden, und einfach diese Klasse entfernen Sie Ihre Tasten mit Hilfe von JavaScript nach dem Einrichten.