Цитата:
Вот что я вижу, и если просмотреть код этих флажков, то там и близко нет той верстки о которой тут речь. Где, в каком месте эти блоки с флажками, бог его знает. |
laimas,
не туда смотрите... После этой страницы надо перейти в корзину - внизу большая желтая кнопка. И вот тогда уже вы попадёте на нужную страницу и там будет то что я пытаюсь сделать. Спасибо за попытку помочь, всё равно http://prntscr.com/pjv28w |
Во-первых удалить ошибки, которые у вас есть - это касаемо метода live(), $.browser и т.п., которые устарели и удалены в новых версиях JQ. В новых версиях метод live() заменяет метод on().
У вас подключается давно убитая версия 1.7.1, в ней нет метода on(), поэтому мой скрипт и не работает. А у вас ошибки связанные с методом live() означают значит проблемы с доступом к объектам. Решение (варианты): а) упорно паритесь со старьем, заменяете то, что вам предлагают, на старые методы; б) выбрасываете в помойку старье, подключаете новую версию JQ (и плагины под нее), подправляя в коде проблемные места, и больше никогда не ломать голову по этому поводу - все что вам тут будут предлагать уж точно не будут писать под давно умершую версию библиотеки. |
laimas,
Спасибо. Сейчас проверю про версии. В таком состоянии мне его передали, а переписывать всё с нуля нет желания:) |
laimas,
странно, но метод on() поддерживается 1.7 ведь все мои скрипты на нём я писал. Нашел я проблему! заработало, но только если жать на чекбокс, а не на его родителя. А я то постоянно жал по задумке - на родительский блок этажа, поэтому и думал, что не работает:) Теперь встала проблема новая тогда - нужно жать на родительский блок, а не на сам input чтобы чекбокс у каждого блока этажа принимал on/off |
Цитата:
$('.montage__floor').on('click', '.floor__item-wrap', function() { var $input = $(this).children('.floor__item-inner').find('input'); if ($input.prop('checked')) { $input.prop('checked',false); $(this).css('background', 'none'); }else{ $input.prop('checked',true); $(this).css('background', '#bbd9ff'); }; }); А он не должен затрагивать иные флажки, то есть нужно либо разделить события пространством имен, либо конкретизиравать селектор. И еще, если этот обработчик убрать, то флажки даже естественным образом (без обработчиков) нельзя выбрать, а это говорит о том, что в коде есть нечто, что мешает корректной работе. И эта ошибка на сервере была замечена - Warning: getimagesize( http://test.vhost78896.cpsite.ru/ima...ast-raam.png): failed to open stream: No such file or directory in /home/u78896/test.vhost78896.cpsite.ru/vqmod/vqcache/vq2-catalog_controller_checkout_cart.php on line 465. |
laimas,
Ваш код работает полностью если удалить мой $('.montage__floor').on('click', '.floor__item-wrap', function() { var $input = $(this).children('.floor__item-inner').find('input'); if ($input.prop('checked')) { $input.prop('checked',false); $(this).css('background', 'none'); }else{ $input.prop('checked',true); $(this).css('background', '#bbd9ff'); }; }); Все input выделяются без проблем, но тогда надо жать на сам input. Залил изменения на сервер. Сейчас там только ваш код //общему родителю флажков делегируется обработка изменения их состояния //если таких блоков upsale__block__sub-right-wrap много, то этот обработчик будет выполнятся только в контексте текущего $('div.upsale__block__sub-right-wrap').on('change', 'input', function(e) { var chk = $(e.delegateTarget).find('input'); //получили все флажки текущего родителя //если источник события это флажок block__check, что можно проверить и так: $(this).hasClass('block__check') if(chk.eq(0)[0]==this) chk.slice(1).prop('checked', this.checked); //то определить его состояние всем последующим флажкам текущего родителя else { //иначе это изменение флажков набора var c = chk.slice(1).filter(':checked').length; //есть ли выбранные флажки в наборе? chk.eq(0).prop({checked: c, disabled: !c}); //результат операции присвоить свойствам checked и disabled флажка block__check } }); |
Не работает обработчик события chage (поместите в обработчик вывод в консоль или alert, для того чтобы убедится в этом), и зачем на все флажки этих блоков навешан обработчик click? Судя по логике вот это $('.montage__floor').on('click', '.floor__item-wrap', function() должно быть только для флажка "Все".
И удалите ошибку на сервере. Откройте свою страницу в FF, в отладчике в инспекторе кода можно видеть обработчики каких событий имеет элемент. Если есть такие, то у элемента будет кнопка "event", щелчок по которой покажет все навешанные на него обработчики. Анализируйте для чего вы навешали лишнего. |
laimas,
погиб хостинг видать:) час уже не может обновить файлы, которые я залил. Нет на этих чекбоксах event. http://prntscr.com/pjwozb на локальном сервер проверил - обработчик срабатывает каждый раз, когда я жму на любой из чекбоксов |
Цитата:
|
Часовой пояс GMT +3, время: 05:51. |