Показать сообщение отдельно
  #1 (permalink)  
Старый 01.04.2011, 13:58
Интересующийся
Отправить личное сообщение для motoroller Посмотреть профиль Найти все сообщения от motoroller
 
Регистрация: 19.11.2009
Сообщений: 14

Помогите не работает событие
Вывожу данные через 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('работаю');
	});
Ответить с цитированием