Что лучший способ состоит в том, чтобы обеспечить стилю CSS по умолчанию, который переопределяется jQuery UI ни для Каких сценариев Сценария?
Например: у Меня есть пейджер << 1 2 3 4 5 6 7 8 >> на моей странице, где каждый элемент навигации является нормальной ссылкой HTML. Для современных браузеров с включенным JS я хотел бы украсить их с .button jQuery (). Но я хотел бы иметь что-то для сценария NoScript. Очевидно, я должен добавить некоторое моделирование CSS для ссылок, но как я знаю, что пользовательский CSS не завинтит моделирование jQuery?
Действительно ли это - бесполезное беспокойство? JQuery обеспечивает некоторую функцию для убирания какого-либо предыдущего моделирования для элемента?
2 ответа
Использовать собственную таблицу стилей jQuery UI. Взгляните на их документацию по фреймворку - это довольно просто.
Среди многих плюсов использования CSS-фреймворка jQuery UI: надежный и кроссбраузерный CSS. Сплошной поток исправлений (если есть). И если вы решили изменить цветовую схему своего приложения; все, что вам нужно сделать, это заменить таблицу стилей новой созданной темой или одной из стандартных тем, поставляемых вместе с пользовательским интерфейсом jQuery.
Излишне говорить; Пользовательский интерфейс jQuery не может переопределить / обработать собственный CSS. И вы получите пейджер, который выглядит одинаково с включенным JavaScript и без него.
Совет: если у вас нет времени читать документацию по CSS-фреймворку jQuery UI; используйте FireBug (надстройку Mozilla FireFox), чтобы проверить HTML, созданный пользовательским интерфейсом jQuery, и применить его к разметке без скриптов.
Обновление
Только что проверил ссылку, превращенную в кнопку. Вот разметка, созданная подключаемым модулем кнопок 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>
Простым решением может быть применение класса к пейджеру, который будет использоваться в сценарии NoScript, и простое удаление этого класса с помощью JavaScript после настройки кнопок.