jQuery addClass не применяет стиль динамически

Question

jQuery addClass не применяет стиль динамически

Я пытаюсь динамически применить стиль к нескольким выпадающим спискам на моей странице. Использование jQuery addClass действительно добавляет класс ко всем элементам Select, как я могу видеть это из моей консоли Chrome. Однако стили не применяются к элементам.

Теперь, если я вручную добавляю класс к каждому элементу select отдельно, а затем сохраняю страницу и обновляю ее, стиль применяется к элементу.

Есть идеи, почему стиль не применяется с классом jquery инъекция?

$("select").addClass("select js-select");

702 3

jQuery css addclass

3 ответов:

Comments

Ничего не найдено.

LazyTarget · Accepted Answer · 2012-07-30 23:33:50

Вы сказали, что стили не применяются, но добавлены ли классы "select js-select" к входам select? Тогда должна быть какая-то проблема с css или, возможно, браузером.

$("select").добавление(..) должно работать, не требуется, чтобы вы указывали ID или класс.

Chris · Accepted Answer · 2012-07-30 23:14:03

Этот пример работает:
<p><a href="#" id="clicker">Add Class</a></p>
<div id="select">Hello World</div>
Javascript
$("#clicker").click(function () {

    $("#select").addClass("select js-select");
});
Глядя на ваш код, кажется, что $("select") должен иметь либо идентификатор, либо селектор класса. Имея один из этих селекторов, ваш код будет знать цель для применения стилей. В противном случае ваш код работает нормально.

Удачи, и надеюсь, что это помогает.

LazyTarget · Accepted Answer · 2012-07-30 23:47:28

Отлично работает, если вы измените onDomReady на onLoad. Как в http://jsfiddle.net/gc3wQ/9/