Всем привет.
Как
работает должно работать: при отмеченном чекбоксе подгружается контент со страницы
/catalog/?category=premium, при выключенном чекбоксе подгружается страница
/catalog/
Проблема: при клике на сам маленький чекбокс всё работает хорошо, но при клике на label (в котором чекбокс) подгружается страница
/catalog/?category=premium а потом сразу же опять
/catalog/. Ломаю голову, не могу понять, что не так.
Подгрузка контента:
$(function(){
$('label.label_check').click(function(){
var url = '';
if($('#premium').prop('checked')) {
url = '/catalog/?category=premium';
} else {
url = '/catalog/';
}
$.ajax({
type: "POST",
url: url,
success: function(data) {
$('#ct-blocks').html(data);
}
});
});
});
<label class="label_check" for="premium">
<input name="premium" id="premium" type="checkbox">Показать</label>
Подгружаем всё мы сюда:
<div id="ct-blocks"></div>