Почему скрипт переопределяет стиль селекта?

Question

[ligisayan]

Есть у меня тестовый интернет-магазин на wordpress+woocommerce. При помощи библиотеки jQuery Form Styler подключил $('select').styler(); и стилизовал выпадающий список (добавил на страницу оформления оплаты для наглядности).

Почему выпадающий список в самом низу на этой же странице единственный, который не стилизуется на всем сайте?

Вернее, он с самого начала стилизуется, но через мгновение подгружается какой-то скрипт с белой пеленой и его переопределяет на изначальные.

Answer 1

[WP Panda]

Потому, что это подгружается через аякс, и поменять его несколько геморройно.
Сделайте так для страниы чекаут допишите.

setTimeout(function(){
$('select').styler();
},1500);

интервал подберите сами, что бы не было рывка

Comments

[ligisayan]

WP Panda это ведь циклическая функция или только раз сработает?

[WP Panda]

ligisayan: Неужели тяжело открыть документацию?
Циклически срабатывает setInterval()

[ligisayan]

WP Panda: спасибо, я и открыл) подумал, что здесь могут быстрее ответить)

Answer 2

[Алексей Царапкин]

Советую вообще отказаться от данного плагина, он и подобные ему уже не актуальны.
Селекты нормально стилизуются с помощью CSS

Comments

[ligisayan]

Алексей Царапкин я бы с удовольствием! подскажите только как?? мне нужно, чтобы селект был именно так оформлен со стрелочками и размерами списков по высоте и ширине

[Алексей Царапкин]

Вот почитайте habrahabr.ru/sandbox/73440

[ligisayan]

Алексей Царапкин: спасибо, это я уже читал - таким способом стрелочки можно подгрузить изображениями, а вот элементы списка никак нельзя - они получаются топорными, регулировать высоту нельзя и смотрятся как прошлый век..

[ligisayan]

поэтому без скриптов, чтобы получить аналогичный эффект, насколько понимаю все же нельзя на сегодня обойтись..

[Алексей Царапкин]

Нужно стилизовать как элемент select, так и элементы option. И тогда они не будут, как вы говорите, "топорными". Включайте голову.

[ligisayan]

Алексей Царапкин: попробуйте для начала стилизовать элементы option для начала (результат вас удивит), а потом уже определитесь кто не включает голову.