Каков наилучший способ предоставить стиль CSS по умолчанию, который переопределяется jQuery ui, без сценариев?

StackOverflow https://stackoverflow.com/questions/3489447

Вопрос

Например: у меня есть пейджер << 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 после настройки кнопок.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top