Цитата:
Вот что я вижу, и если просмотреть код этих флажков, то там и близко нет той верстки о которой тут речь. Где, в каком месте эти блоки с флажками, бог его знает. |
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, время: 00:07. |