Не запускается функция click()
Есть список чекбоксов. Необходимо, чтобы по нажатию на элемент - все чекбоксы сделались невыбранными.
Делаю так. Добавляю элемент:
$('#tarea2').append('<div id="messageTwo" style="cursor:hand;cursor:pointer; ")>Очистить список</div>');};
Назначаю функцию, отключающую чекбоксы.
$('#tarea2 #messageTwo').click( function(){
$('#tarea2 :checkbox').css('display','none');
$('#tarea2 label').css('display','none');
$('#tarea :checkbox').attr('checked',false);
});
Ничего не работает =( Хотя если поставить область не $('#tarea2 #messageTwo'), а $('#tarea2'), то при клике на tarea2 - чудесным образом работает. Никак не пойму - почему ?? По моему разумению, должно работать. Но не работает для элемента messageTwo. |
Все работает.
Посмотри на что ругается браузер, может у тя ошибочка в коде. |
зачем вы пишете селектор: #tarea2 #messageTwo ?
ведь id это уникальный атрибут каждого элемента и вполне достаточно будет: #messageTwo Во вторых, вы уверены, что элемент добавлен перед тем как вы ему пытаетесь повесить событие, скорее всего в этом и проблема? |
Цитата:
|
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$(document.body).append('<div id="messageTwo" style="cursor:hand;cursor:pointer; ")>Очистить список</div>');
$('#messageTwo').click(function() {
$(':checkbox').removeAttr('checked');
});
});
</script>
</head>
<body>
<input type="checkbox" checked /><br />
<input type="checkbox" /><br />
<input type="checkbox" checked /><br />
<input type="checkbox" /><br />
</body>
</html>
Вот вполне нормальная реакция. У вас в коде что то не так. Возможно как сказал Skipp, Цитата:
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 22:13. |