• Страница 1 из 1
  • 1
Модератор форума: JonMagon  
Не хотят дружить uWnd окно и jqery
dudi
Сообщений: 271
Репутация: 194
Уровень замечаний:

Сообщение # 1 | 01:35:14
Здрасте.
Вот код, работает как часы. 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
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 2 | 01:59:58
dudi, пробуйте разные врсии ....

dudi
Сообщений: 271
Репутация: 194
Уровень замечаний:

Сообщение # 3 | 02:12:07
Miss_Esq, О каких версиях идёт речь? Не совсем понял.
пытался впихнуть скрипт в окно напрямую к контенту с экронированием ковычек, но он само собой не встал из-за наличия подобного в нём };); Структура окна попусту нарушается.

Добавлено (11 Ноя 2013, 02:08:32)
---------------------------------------------
А, вспомнил там же jqery версии в панельке есть, щас попробую

Добавлено (11 Ноя 2013, 02:12:07)
---------------------------------------------
Скрипт работает только на версии 1.7.2, на остальных версиях он глохнет


В моих кодах нет мусора, просто я шифрую данные.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 4 | 02:42:02
dudi, а типа 1.7.1.min.js, не пробовли ? есть разица

dudi
Сообщений: 271
Репутация: 194
Уровень замечаний:

Сообщение # 5 | 02:49:03
Miss_Esq, Знать бы как старую отключить )
Да я думаю не в библиотеке дело. Хотя и в чём дело понятно не могу. Могу только удивляться, тут работает, а там нет...

В моих кодах нет мусора, просто я шифрую данные.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 6 | 02:50:00
dudi, вообще скрипт для чего ??*

dudi
Сообщений: 271
Репутация: 194
Уровень замечаний:

Сообщение # 7 | 02:52:01
Подключал предложенную вместе с вшитой, ничего не поменялось.

Добавлено (11 Ноя 2013, 02:52:01)
---------------------------------------------
Мне нужно связать опции товаров в каталоге товаров (который переделан под страницу товара)

http://best-zoo.ru/shop/odejda/heat/silver-line

У комбезов для мальчиков неможет быть красного и бирюзового цветов,
У девочек синего и зелёного.


В моих кодах нет мусора, просто я шифрую данные.
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 8 | 04:40:54
Цитата dudi ()
Но скрипт почему то не выполняется

А почему он должен выполняться? Что в окне его инициализирует? wink

Создавайте функцию и вызывайте её по 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
dudi
Сообщений: 271
Репутация: 194
Уровень замечаний:

Сообщение # 9 | 16:22:12
Drinko, Спасибо Вам, от всей души ) Теперь не придётся всем по 100 раз объяснять что красный только для девочек )
Только вот с айдишниками и переменной $ID$ работать не захотело, пришлост на классы перевести.

Добавлено (11 Ноя 2013, 16:22:12)
---------------------------------------------
Сделал, кому интересно можете потестить тут http://best-zoo.ru/shop/odejda/frost/silver-line
Жмём на корзинку около цены и щёлкаем по "мальчик" "девочка"
Тему можно закрыть, всё готово.

В моих кодах нет мусора, просто я шифрую данные.
Сообщение отредактировал dudi - Понедельник, 11 Ноя 2013, 16:23:03
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!