0

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

введите сюда описание изображения

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

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

2 ответа 2

2

Все дело в количестве скриптов которые вы грузите, styler просто прекращает работу, не добравшись до второго селекта. Локально скрипт добирается введите сюда описание изображения

Детали теста говорят сами за себя, рекомендую скинуть время загрузки страницы хотя бы до 3х секунд т.к. смысла от 70 скриптов с эффектами, если их никто не дождется?..

215 реквестов КАРЛ!!!

9
  • на то он и тестовый) спасибо за анализ- я уловил мысль, но фишка в том, что если я на странице оставляю только нижний блок с оплатой - успеваю заметить, что стайлер добрался до 2го селекта, после появляется белая полупрозрачная пелена как при загрузке и он переопределяется заново на изначальный, поэтому считаю, что простое уменьшение времени загрузки это дело не поправит..
    – Вася
    2 окт 2015 в 19:13
  • @Вася, о времени загрузки я говорил в том плане, что врятли кто-то примет у вас магазин, который грузит страницу больше 3х секунд т.к. потенциальный покупатель -просто уйдет с сайта или дождется, но первое впечатление о магазине сложится плохое. по селекту - думаю styler.js конфликтует с каким-то из скриптов, которые идут дальше в очереди загрузки, а локально получилось потому, что многие скрипты просто не загрузились. Сам я отказался от этого скрипта, в пользу html5/css3+пара скриптов чтобы в старых браузерах был порядок, которые и так нужны.
    – Neka
    3 окт 2015 в 8:15
  • а можете где-нить привести или воспроизвести альтернативу?
    – Вася
    5 окт 2015 в 8:01
  • @Вася, посмотреть пример можно тут -webdesign.tutsplus.com/articles/… или в сети поискать css3 style form checkbox radio select как-то так
    – Neka
    5 окт 2015 в 11:18
  • 1
    @Вася, вот лови - cssdeck.com/labs/styling-select-box-with-css3 , jsfiddle.net/leaverou/XxkSC/light
    – Neka
    5 окт 2015 в 12:23
0

Вообщем, лучшего решения, чем переопределения с таймаутом я не нашел

setTimeout(function(){
$('select').styler();
console.log("yes");
},1900);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.