Каков наилучший способ предоставить стиль CSS по умолчанию, который переопределяется jQuery ui, без сценариев?
-
28-09-2019 - |
Вопрос
Например: у меня есть пейджер << 1 2 3 4 5 6 7 8 >>
На моей странице, где каждый навигационный элемент является обычной HTML-ссылками. Для современных браузеров с включенным JS я хотел бы украсить их jQuery's .button (). Отказ Но я хотел бы иметь что-то для сценария NOScript. Очевидно, я должен добавить некоторые CSS для ссылок, но как мне знать, что пользовательские CSS не испортит стиль jQuery?
Это ненужная забота? У jQuery предоставляет некоторую функцию, чтобы очистить любой предыдущий стиль для элемента?
Решение
Используйте собственную таблицу jQuery UI. Посмотрите на их Документация структуры- это довольно быстро.
Среди множества Pro использования CSS jQuery UI CSS: прочные и кросс-браузерные совместимые CSS. Сплошной поток исправлений (если есть). И если вы решите изменить цветовую схему вашего приложения; Все, что вам нужно сделать, это заменить таблицу стилей с новым Тема - прокат один или один из стандартных тем, которые поставляются в комплекте с jQuery ui.
Разумеется; jquery ui не может переопределить / оранжерить его собственные CSS. И вы получите пейджер, который выглядит одинаково с включенным в JavaScript.
Совет: Если у вас нет времени читать через каркасную документацию CSS jQuery UI; использовать Пожар (AD-ON Mozilla Firefox) Чтобы проверить HTML, генерируемый jQuery ui, и примените его к вашим разметке без скрипта.
Обновлять
Просто проверил ссылку, сделанную в кнопку. Вот разметки, генерируемая 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>
Другие советы
Простое решение может быть применить класс к пейджеру, который будет использоваться в сценарии NOScript, и просто удалите этот класс с помощью JavaScript после настройки кнопок.