Javascript jquery没有为使用ajax添加的链接触发

Javascript jquery没有为使用ajax添加的链接触发,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个链接图像列表,如下所示: <a href="#"><img alt="P1010104" class="uploaded_image" src="/assets/user_images/156/thumb/P1010104.jpg?1335332807" /></a> <a href="#"><img alt="P1010104" class="uploaded_image" src="/assets/user_images/157

我有一个链接图像列表,如下所示:

<a href="#"><img alt="P1010104" class="uploaded_image" src="/assets/user_images/156/thumb/P1010104.jpg?1335332807" /></a>

<a href="#"><img alt="P1010104" class="uploaded_image" src="/assets/user_images/157/thumb/P1010105.jpg?1335332809" /></a>
我使用一些ajax将另一个图像添加到图像列表中。但是,当我单击这个新添加的图像时,javascript不会启动

我该怎么做

谢谢

使用:

jquery 1.7+

使用:

jquery 1.7+

您必须使用
.on()

.click()将不起作用,因为注册.click处理程序时,元素不在DOM中

如果您使用的是低于1.7的jQuery版本,则必须使用
.bind()
而不是
.on()

文档:

您必须使用
.on()

.click()将不起作用,因为注册.click处理程序时,元素不在DOM中

如果您使用的是低于1.7的jQuery版本,则必须使用
.bind()
而不是
.on()

文档:


    • Jquery通常不支持动态加载的内容

      之前您必须使用.live()。现在它已被弃用,您应该使用.on()处理程序

      语法:

      .on( events [, selector] [, data] , handler(eventObject) ) ;
      
      您的代码(已调整。未测试):


      Jquery通常不支持动态加载的内容

      之前您必须使用.live()。现在它已被弃用,您应该使用.on()处理程序

      语法:

      .on( events [, selector] [, data] , handler(eventObject) ) ;
      
      您的代码(已调整。未测试):


      谢谢所有的答案,效果很好。谢谢所有的答案,效果很好。
      $('.uploaded_image').on('click', function(){
            alert('clicked');
            var src=$(this).attr('src').replace("thumb", "medium");
            var location = $('#user_image_location').attr('value');
            $('#mailing_body').contents().find("[data-edit-img="+''+location+''+"]").attr('src', src);
            $('[data-dismiss]="cancel"').click();
      });
      
      .on( events [, selector] [, data] , handler(eventObject) ) ;
      
      $('.uploaded_image').on("click", function(){
            alert('clicked');
            var src=$(this).attr('src').replace("thumb", "medium");
            var location = $('#user_image_location').attr('value');
            $('#mailing_body').contents().find("[data-edit-img="+''+location+''+"]").attr('src', src);
            $('[data-dismiss]="cancel"').click();
      });