jquery创建html元素，并且绑定事件。事件没有触发，大家帮我看看错在哪里？

2012-04-13 12:11:50 1.1k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

AFSim 2.9实战指南：从入门到精通的中文教程本文是AFSim 2.9的实战指南，提供从零开始的中文教程。内容涵盖仿真环境搭建、实体行为控制、脚本编写，到传感器、武器系统集成与复杂想定构建，最后讲解数据记录与结果分析方法，帮助用户快速掌握这一强大的军事仿真框架。阅读详情



        //创建html元素

        var img = $("<img>").attr("class", "headImg").attr("src", "http://..");

        var hidden = $("<input>").attr("type", "hidden").attr("class", "userID").val(5);

        var li = $("<li>").append(img).append(hidden);

        //给img绑定click事件

        $(img).live("click", function() {

            var friendID = $(this).siblings("input:hidden.userID").val();

            alert(friendID);

        });

以上代码生成的html如下所示

<li>

    <img class="headImg" src="http://..">

    <input type="hidden" class="userID" value="5">

</li>

...全文

Windows-Anaconda3+TensorFlow安装教程测试环境：win10-64位和win7-64位（系统必须是64位，因为TensorFlow目前只支持64位）一、安装Anaconda3 1.下载Anaconda3 Anaconda官网链接:link 这里我们选择Windows版本，python3.6-version-64位，如下图所示。 2.下载完成之后，点击安装Anaconda3 注意：安装过程中要选择添加环境变量，如图待安装完成... 阅读详情

fihuang

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

atxkm 2014-02-07

打赏
举报

引用 6 楼 fihuang 的回复:

[Quote=引用 5 楼的回复:] 这样试试看 C# code //创建html元素 var img = $("<img>").attr("class", "headImg").attr("src", "http://.."); var hidden = $("<input>").attr("type", "hidden").attr("class", "userID").val(5); var li = $("<li>…… [/Quote]这样不符合要求的你把class为headImg的所有img都绑定了事件而不是仅仅给新建的那一个img绑定我用另外一种方法解决了： $(document).ready(function() { $("img.headImg").live("click", function() { }); }); 使用 live() 方法向尚未创建的元素添加事件处理器。新建元素的时候不需要绑定事件了。但我还是想用新建元素时动态绑定事件的方法。

对，就是这个live

暖枫无敌 2012-04-13

打赏
举报

这样试试看



//创建html元素

var img = $("<img>").attr("class", "headImg").attr("src", "http://..");

var hidden = $("<input>").attr("type", "hidden").attr("class", "userID").val(5);

var li = $("<li>").append(img).append(hidden);



$(".headImg").live('click', function() {

    var friendID = $(this).siblings("input").attr("value");

    alert(friendID);

});

fihuang 2012-04-13

打赏
举报

[Quote=引用 3 楼的回复:]

引用 2 楼的回复:

to taomanman：
我这里是动态创建img input和li，然后把img和input放到li里面，最后再把这个li插入到页面上。
img input和li一开始是没有的。

//给img绑定click事件
$("img").click(function() {
var friendID……
[/Quote]1.我是动态生成元素并且插入，在$(document).ready()里绑定事件的方法对页面加载后插入的元素无效。
2.我只是想给新插入的这一个li里面的这个img绑定click事件，并不是给页面上之前已经存在的img也绑定。

暖枫无敌 2012-04-13

打赏
举报

[Quote=引用 2 楼的回复:]

to taomanman：
我这里是动态创建img input和li，然后把img和input放到li里面，最后再把这个li插入到页面上。
img input和li一开始是没有的。
[/Quote]

//给img绑定click事件
$("img").click(function() {
var friendID = $(this).siblings("input").attr("value");
alert(friendID);
});

fihuang 2012-04-13

打赏
举报

to taomanman：
我这里是动态创建img input和li，然后把img和input放到li里面，最后再把这个li插入到页面上。
img input和li一开始是没有的。

暖枫无敌 2012-04-13

打赏
举报

加<>做什么，去掉就可以啦

//创建html元素
var img = $("img").attr("class", "headImg").attr("src", "http://..");
var hidden = $("input").attr("type", "hidden").attr("class", "userID").val(5);
var li = $("li").append(img).append(hidden);
//给img绑定click事件
$(img).live("click", function() {
var friendID = $(this).siblings("input:hidden.userID").val();
alert(friendID);
});

fihuang 2012-04-13

打赏
举报

[Quote=引用 5 楼的回复:]

这样试试看

C# code

//创建html元素
var img = $("<img>").attr("class", "headImg").attr("src", "http://..");
var hidden = $("<input>").attr("type", "hidden").attr("class", "userID").val(5);
var li = $("<li>……
[/Quote]这样不符合要求的你把class为headImg的所有img都绑定了事件而不是仅仅给新建的那一个img绑定
我用另外一种方法解决了：
$(document).ready(function() {
$("img.headImg").live("click", function() {
});
});
使用 live() 方法向尚未创建的元素添加事件处理器。
新建元素的时候不需要绑定事件了。
但我还是想用新建元素时动态绑定事件的方法。

jquery创建html元素，并且绑定事件。事件没有触发，大家帮我看看错在哪里？

相关推荐