Вывожу данные через ajax
echo '<div align="center"><ul class="cList">';
foreach($data as $row) {
echo '<li><img alt="'.$row['id'].'" class="img" src="/data/'.$moduleName.'/'.$row['id'].'-icon-'.$icons[0]['name'].'.jpg" /></li>';
}
echo '</ul></div>';
// переменная которая выводит меню при наведнии на картинку
var menu = $('<div id="imgMenu"><img id="cedit" src="/admin/i/edit.png" alt="Редактировать" /><img src="/admin/i/delete.png" alt="Удалить" /></div>');
Потом вешаю обработчик событий
$(".cList li").live('mouseover mouseout', function(event) {
if(event.type == 'mouseover') {
// добавляю меню
$(this).append(menu)
$("#imgMenu").stop().fadeTo('slow', 0.7);
} else if(event.type == 'mouseout'){
// удаляю меню
$("#imgMenu").stop().fadeOut('fast', function(){ $(this).remove() });
}
});
Проблема в том, что в #imgMenu, есть две кнопки: "Редактировать", "Удалить" и почему то событие click на них не срабатывает ... а вот mouseover, срабатывает, скажите что за проблема...
$("#cedit").live('click', function () {
alert('не работаю');
});
$("#cedit").live('mouseover', function () {
alert('работаю');
});
