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();
});