首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >图像onclick事件不工作

图像onclick事件不工作
EN

Stack Overflow用户
提问于 2012-04-30 17:16:19
回答 1查看 3.2K关注 0票数 0

我正在尝试为我的图像创建onclick事件,但它的not workin..the警报没有显示。

代码语言:javascript
复制
$(document).ready(function(){
    $('img.closeAttrIcon').click(function(){
        alert("ww");
    });
});

即使我试着对..bind这样做..没有希望..。

代码语言:javascript
复制
$(document).ready(function(){
    $('img.closeAttrIcon').bind('click',function(){
        alert("ww");
    });
});

html将在此事件期间创建:

代码语言:javascript
复制
$('a#btnAddStdntAttr').click(function(){
    var newAttr = '<div class="attrParent"><br class="clear"><label></label><input type="text" id="stdntAttributeKey1" maxlength="250" style="width: 13%;" name="stdntAttributeKey1"/>';
    newAttr+= '<input type="text" id="stdntAttributeValue1" maxlength="250" style="width: 13%;" name="stdntAttributeValue1"/>';
    newAttr+= '<img src="<c:url value="/static/images/closeIcon.png"/>" onclick="removeStdntAttr();" class="closeAttrIcon" alt="Close" title="Close" /></div>';
    $(this).after(newAttr);
});

我做错了什么? here..please帮助..

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-05-01 18:58:05

它不起作用,因为您是在首次创建DOM之后注入它的,因此需要使用live (如果使用til jQuery 1.7)或on (如果使用(1.7+)绑定方法

将您的呼叫更改为:

代码语言:javascript
复制
$(function(){
   $('img.closeAttrIcon').live('click', function() {
        alert("ww");
    });
});

如果你使用的是jQuery 1.7+,那么你也可以这样做:

代码语言:javascript
复制
$(document).on('click', 'img.closeAttrIcon', function() {
    alert("ww");
}); 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10381176

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档