Горе луковое
Всем привет.
Как Проблема: при клике на сам маленький чекбокс всё работает хорошо, но при клике на 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> |
<input name="premium" id="premium" type="checkbox"> <label class="label_check" for="premium">Показать</label>
$(function(){
$('#premium').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);
}
});
});
});
|
Спасибо, я уже понял какой я идиот...
|
А вот так?
<input name="premium" id="premium" type="checkbox">
<label class="label_check" >Показать</label>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(function(){
$('.label_check').click(function(){
var url = '';
if($('#premium').prop('checked')) {
url = '/catalog/?category=premium';
} else {
url = '/catalog/';
}
alert(url);
});
});
</script>
|
| Часовой пояс GMT +3, время: 03:02. |