Есть элемент (в примере класс ааа) по клику на который в DIV (класс bbb )подгружается аяксом (в jQuery) элемент (класс ссс). Необходимо чтобы по клику на подгруженный элемент (ссс) обработчик делал некий действие, но этого не происходит. Есть соображения как побороть?
Вот как это выглядит
// файл из которого вызываю
Цитата:
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$(".aaa").click(function() {
$.ajax({
type: "POST",
url: "jquery.txt",
success: function(msg){
$(".bbb").html(msg);
}
});
});
});
$(".ccc").click(function() {
alert('OK');
});
</script>
</head>
<body>
<div class="aaa">11111111111</div>
<div class="bbb"></div>
</body>
//подгружаемый файл
<div class="ccccc">222222222222</div>
|
Обработчик для ccc я пытался выносить за пределы $(document).ready(function() (впрочем пробовал и в нем) т.к. понятно что подгружаемый элемент не содержится в коллекции DOM основного документа, но безрезультатно - jquery "не видит" новый элемент, показывая при тестировании его длину = 0