не в состоянии стрелять изображения нажмите событие

Question

у меня есть такой код:

я хочу стрелять на 2 изображения внутри DIV элемента щелкните событие, но второе изображение нажмите событие не работает

<ul style="float: left; width: 898px; margin: 0px; overflow: hidden; position: relative; top: 0px; padding: 0px; left: 0px;" class="jcarousel-list jcarousel-list-horizontal" id="mycarousel"> 
      <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" style="float: left; list-style: none outside none; width: 52px;" jcarouselindex="1"> 
       <div style="position: relative"> 
        <img width="40" height="40" style="cursor: pointer" title="Project 010" alt="image" class="5137aa052acf96352027d9a0|Project 010|Employee|5/1/2004|6/1/2011||||Descriptions**True|Skills**True|Client**true|Achievements**True|Memberships**False|Org Chart**False|Specialization**False|Get Ratings**False|" src="../Images/DefaultPhotoMale.png" id="img5137aa052acf96352027d9a0"> 
        <img class="imgProjectDelete" style="position: absolute; display: none; top: 4px; right: 5px" src="../Images/RemoveButton.ico"> 
       </div> 
      </li> 
      <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" style="float: left; list-style: none outside none; width: 52px;" jcarouselindex="2"> 
       <div style="position: relative"> 
        <img width="40" height="40" style="cursor: pointer" title="Project 009" alt="image" class="5137aa052acf96352027d995|Project 009|Employee|5/1/2002|5/1/2004||||Descriptions**True|Skills**True|Client**true|Achievements**True|Memberships**False|Org Chart**False|Specialization**False|Get Ratings**False|" src="../Images/DefaultPhotoMale.png" id="img5137aa052acf96352027d995"> 
        <img class="imgProjectDelete" style="position: absolute; top: 4px; right: 5px; display: none;" src="../Images/RemoveButton.ico"> 
       </div> 
      </li> 
      <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" style="float: left; list-style: none outside none; width: 52px;" jcarouselindex="3"> 
       <div style="position: relative"> 
        <img width="40" height="40" style="cursor: pointer" title="Project 008" alt="image" class="5137aa052acf96352027d987|Project 008|Employee|6/1/1994|5/1/2002||||Descriptions**True|Skills**True|Client**true|Achievements**False|Memberships**False|Org Chart**False|Specialization**False|Get Ratings**False|" src="../Images/DefaultPhotoMale.png" id="img5137aa052acf96352027d987"> 
        <img class="imgProjectDelete" style="position: absolute; display: none; top: 4px; right: 5px" src="../Images/RemoveButton.ico"> 
       </div> 
      </li> 
     </ul> 

Что я усталым является: -

первое событие изображения нажмите, как это, и работает отлично

$("#mycarousel").find("img").live("click", function() { 

    }); 

2-ое изображение нажмите событие, как это, и не работает

$("#mycarousel").find(".imgProjectDelete").live("click", function() { 
     alert("You CLick on Delete"); 
    }); 

я хочу, чтобы удалить событие щелчка в любом случае!, независимо от того, мы используем другой элемент в качестве второго изображения

Answer 1

попробовать

$(document).on("click","#mycarousel .imgProjectDelete",function(e){ 
//your code 
}); 

или если вы используя старую версию использования JQuery .delegate

$(document).delegate("#mycarousel .imgProjectDelete","click",function(e){ 
//your code 
}); 

Answer 2

ОК, я изменил второе изображение к

и писать следующие вещи, и это работает

$("#mycarousel").find("a").live("click", function() { 

    });