У вас событие добавляется раньше чем сам элемент появляется на странице. Необходимо сделать следующее - в файле main.js найдите код
$(function(){
$('.goods-cat-image-medium-square').click(function(){
uri = $(this).find('a').attr('href');
document.location.href = uri
})
})
// Действия при выборе варианта доставки на этапе оформления заказа
$('.deliveryRadio').click(function(){
// Если текущая выделенная зона доставки не относится к выбранному варианту доставки, снимаем выделение с зоны доставки
if($('.deliveryZoneRadio:checked').attr('deliveryid') != $(this).val()) {
$('.deliveryZoneRadio:checked').click().attr('checked', false);
}
});
// Смена стоимости доставки при выборе конкретной зоны доставки
$('.deliveryZoneRadio').change(function(){
var value = $(this).find('option:selected').attr('data-price');
$('tbody[rel="' + $(this).attr('data-deliveryid') + '"] .orderStageDeliveryDefaultPrice .num').text(value).parent().parent().show();
$('tbody[rel="' + $(this).attr('data-deliveryid') + '"] .orderStageDeliveryZonePrice:visible').hide();
// Установка шарика на пункт зоны доставки
$('#deliveryId' + $(this).attr('data-deliveryid')).click();
// ставим куки
setCookie('delivery_zone_id', $(this).find('option:selected').attr('value'));
});
// Если есть куки
if(getCookie('delivery_zone_id')){
// находим значение варианта оплаты по куки файлу
// устанавливаем в селект поле нужный пункт
// выполняем JS действие при изменении поля варианта оплаты
$('.orderInfo select > option[value="' + getCookie('delivery_zone_id') + '"]').parent().val(getCookie('delivery_zone_id')).change();
}
и замените его на
$(function(){
$('.goods-cat-image-medium-square').click(function(){
uri = $(this).find('a').attr('href');
document.location.href = uri
})
// Действия при выборе варианта доставки на этапе оформления заказа
$('.deliveryRadio').click(function(){
// Если текущая выделенная зона доставки не относится к выбранному варианту доставки, снимаем выделение с зоны доставки
if($('.deliveryZoneRadio:checked').attr('deliveryid') != $(this).val()) {
$('.deliveryZoneRadio:checked').click().attr('checked', false);
}
});
// Смена стоимости доставки при выборе конкретной зоны доставки
$('.deliveryZoneRadio').change(function(){
var value = $(this).find('option:selected').attr('data-price');
$('tbody[rel="' + $(this).attr('data-deliveryid') + '"] .orderStageDeliveryDefaultPrice .num').text(value).parent().parent().show();
$('tbody[rel="' + $(this).attr('data-deliveryid') + '"] .orderStageDeliveryZonePrice:visible').hide();
// Установка шарика на пункт зоны доставки
$('#deliveryId' + $(this).attr('data-deliveryid')).click();
// ставим куки
setCookie('delivery_zone_id', $(this).find('option:selected').attr('value'));
});
// Если есть куки
if(getCookie('delivery_zone_id')){
// находим значение варианта оплаты по куки файлу
// устанавливаем в селект поле нужный пункт
// выполняем JS действие при изменении поля варианта оплаты
$('.orderInfo select > option[value="' + getCookie('delivery_zone_id') + '"]').parent().val(getCookie('delivery_zone_id')).change();
}
});
По сути необходимо было перенести "});" немного ниже, тем самым обхватив весь код в "$(function(){".
Аналогичная ситуация и в шаблоне "Быстрый заказ". Найдите код
$(function(){
$('.orderStageDeliveryListTable').on('change','.deliveryRadio',function(){
$('.deliveryRadio,.deliveryZoneRadio').each(function(){
$(this).removeAttr('checked');
})
var id = $(this).val()
,fz = $($('.deliveryZoneRadio[deliveryid='+id+']')[0]);
$(this).prop('checked',true);
fz.prop('checked',true);
if($('.zones').length){
price = fz.next().find('.num').text();
oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num');
if(price != ''){
oldPrice.text(price);
}
}
})
})
// Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
$('.deliveryZoneRadio').click(function(){
var id = $(this).attr('deliveryid'),
price = $(this).next().find('.num').text()
,oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num');
if(price != ''){
oldPrice.text(price);
}
$('.deliveryRadio').each(function(){
$(this).removeAttr('checked');
if($(this).val() == id){
$(this).prop('checked',true);
}else{
$(this).removeAttr('checked');
}
})
});
и замените его на
$(function(){
$('.orderStageDeliveryListTable').on('change','.deliveryRadio',function(){
$('.deliveryRadio,.deliveryZoneRadio').each(function(){
$(this).removeAttr('checked');
})
var id = $(this).val()
,fz = $($('.deliveryZoneRadio[deliveryid='+id+']')[0]);
$(this).prop('checked',true);
fz.prop('checked',true);
if($('.zones').length){
price = fz.next().find('.num').text();
oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num');
if(price != ''){
oldPrice.text(price);
}
}
})
// Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
$('.deliveryZoneRadio').click(function(){
var id = $(this).attr('deliveryid'),
price = $(this).next().find('.num').text()
,oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num');
if(price != ''){
oldPrice.text(price);
}
$('.deliveryRadio').each(function(){
$(this).removeAttr('checked');
if($(this).val() == id){
$(this).prop('checked',true);
}else{
$(this).removeAttr('checked');
}
})
});
});
0
