|
|
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Не хотят дружить uWnd окно и jqery |
| Не хотят дружить uWnd окно и jqery |
|
Здрасте.
Вот код, работает как часы. http://best-zoo.ru/index/8-10 Код <style> .del-options {display: none;} </style> <script> $(document).ready(function(){ $('#id-249-oval-4').on( 'click', function() { $('#id-249-oitem-6, #id-249-oitem-11').removeClass("del-options"); $('#id-249-oitem-8, #id-249-oitem-9').addClass("del-options"); $('#id-249-oval-24').click(); };); $('#id-249-oval-5').on( 'click', function() { $('#id-249-oitem-8, #id-249-oitem-9').removeClass("del-options"); $('#id-249-oitem-6, #id-249-oitem-11').addClass("del-options"); $('#id-249-oval-24').click(); };); };); </script> <ul class="shop-options" id="id-249-options"> <li id="id-249-oitem-4"><label for="id-249-oval-4">мальчик</label><input class="input-fix" checked="" type="radio" id="id-249-oval-4" name="pol-opt-249"></li><li id="id-249-oitem-5"><label for="id-249-oval-5">девочка</label><input class="input-fix" type="radio" id="id-249-oval-5" name="pol-opt-249"></li><li style="display:none" id="id-249-oitem-24"><label for="id-249-oval-24">цвет не выбран</label><input class="input-fix" checked="" type="radio" id="id-249-oval-24" name="cvet-opt-249"></li><li id="id-249-oitem-6"><div class="cvet o6"></div><label for="id-249-oval-6">синий</label><input class="input-fix" type="radio" id="id-249-oval-6" name="cvet-opt-249"></li><li class="del-options" id="id-249-oitem-8"><div class="cvet o8"></div><label for="id-249-oval-8">красный</label><input class="input-fix" type="radio" id="id-249-oval-8" name="cvet-opt-249"></li><li class="del-options" id="id-249-oitem-9"><div class="cvet o9"></div><label for="id-249-oval-9">бирюзовый</label><input class="input-fix" type="radio" id="id-249-oval-9" name="cvet-opt-249"></li><li id="id-249-oitem-11"><div class="cvet o11"></div><label for="id-249-oval-11">зелёный</label><input class="input-fix" type="radio" id="id-249-oval-11" name="cvet-opt-249"></li><li><label for="qid-249-basket">количество товара</label><input type="text" id="qid-249-basket" class="kol-vo-okno" maxlength="2" value="1" size="3" onfocus="this.select()" onkeypress="return checkNumber(this, event, '1');"></li><li class="v-korzinu-okno" onclick="var el=getElementById('back-vkorzinu-249'); el.style.background = 'url(/img/icon_sprayt.png) 2px -370px no-repeat'; var el=getElementById('opt-true-249'); el.style.background = 'url(/img/icon_sprayt.png) 118px -370px no-repeat';add2Basket('249','id');"><div id="back-vkorzinu-249"></div>Положить товар в корзину</li></ul> Написать написал, а вот прикрутить его куда надо, не могу ( Вот страничка с товаром http://best-zoo.ru/shop/odejda/heat/silver-line Если нажать на корзину около цены, открывается окно. Разметил в html всё классами, вставил скрипт с $ID$ вместо "249" в "вид товара" ну думаю, щас свяжу цвета и пол! Но скрипт почему то не выполняется, не могу понять почему ( По факту выходит скрипт не видит разметку или наоборот. В общем как сделать, чтоб мой скрипт выполнялся относительно элементов внутри окна? Скрипт почему то не назначает классы элементам, но по факту скрипт же рабочий, видно на примере что скрывает и показывает как надо, а в окне-нет ( В моих кодах нет мусора, просто я шифрую данные.
Сообщение отредактировал dudi - Понедельник, 11 Ноя 2013, 01:41:16
|
|
|
|
Miss_Esq, О каких версиях идёт речь? Не совсем понял.
пытался впихнуть скрипт в окно напрямую к контенту с экронированием ковычек, но он само собой не встал из-за наличия подобного в нём };); Структура окна попусту нарушается. Добавлено (11 Ноя 2013, 02:08:32) Добавлено (11 Ноя 2013, 02:12:07) В моих кодах нет мусора, просто я шифрую данные.
|
|
|
|
|
|
Подключал предложенную вместе с вшитой, ничего не поменялось.
Добавлено (11 Ноя 2013, 02:52:01) В моих кодах нет мусора, просто я шифрую данные.
|
|
А почему он должен выполняться? Что в окне его инициализирует? Создавайте функцию и вызывайте её по oncontent после открытия окна http://helper.ucoz.ru/publ/coding/ujs/2-1-0-4 --- В требуемое uWnd-окно добавляем параметр: Код ,oncontent:function(){initFilter()} И саму функцию в шаблон: Код <script> function initFilter(){ $('#id-249-oval-4').on( 'click', function() { $('#id-249-oitem-6, #id-249-oitem-11').show(); $('#id-249-oitem-8, #id-249-oitem-9').hide(); $('#id-249-oval-24').click(); };); $('#id-249-oval-5').on( 'click', function() { $('#id-249-oitem-8, #id-249-oitem-9').show(); $('#id-249-oitem-6, #id-249-oitem-11').hide(); $('#id-249-oval-24').click(); };); } </script> Сообщение отредактировал Drinko - Понедельник, 11 Ноя 2013, 04:42:14
|
|
Drinko, Спасибо Вам, от всей души ) Теперь не придётся всем по 100 раз объяснять что красный только для девочек )
Только вот с айдишниками и переменной $ID$ работать не захотело, пришлост на классы перевести. Добавлено (11 Ноя 2013, 16:22:12) --------------------------------------------- Сделал, кому интересно можете потестить тут http://best-zoo.ru/shop/odejda/frost/silver-line Жмём на корзинку около цены и щёлкаем по "мальчик" "девочка" Тему можно закрыть, всё готово. В моих кодах нет мусора, просто я шифрую данные.
Сообщение отредактировал dudi - Понедельник, 11 Ноя 2013, 16:23:03
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!

Чат сообщества





