Javascript 使用Jquery添加事件侦听器
我正在创建一个div的克隆,但不幸的是,我无法将事件侦听器添加到克隆的div中 我尝试使用Javascript 使用Jquery添加事件侦听器,javascript,jquery,html,Javascript,Jquery,Html,我正在创建一个div的克隆,但不幸的是,我无法将事件侦听器添加到克隆的div中 我尝试使用clone(true,true),但仍然没有运行它 谁能帮我一下吗 单击和旁边的图像,添加新的div 我尝试添加事件侦听器的代码 $("#add").on('click',function () { $("#cont").clone(true, true).appendTo(".container"); }); 首先,您应该将contid更改为一个类,因为多个id都不好,无法正常工作 其次,使
clone(true,true)
,但仍然没有运行它
谁能帮我一下吗
单击和旁边的图像,添加新的div
我尝试添加事件侦听器的代码
$("#add").on('click',function () {
$("#cont").clone(true, true).appendTo(".container");
});
首先,您应该将
cont
id
更改为一个类,因为多个id
都不好,无法正常工作
其次,使用jQuery的方法获取返回的jQuery节点列表中的第一个节点,该节点是从获取所有cont
类:$('.cont')
得到的,然后克隆节点。您必须只抓取第一个,否则最终会将div的倍数添加回页面
$(".cont").first().clone(true, true).appendTo(".container");
第三,将delete
id
更改为类
第四,因为要添加到DOM中,所以需要在父节点上使用,以便正确捕获事件。用于查找最近的cont
类并将其删除
$('.container').on('click', '.delete', function () {
$(this).closest('.cont').hide();
});
希望这有帮助。首先,您应该将
cont
id
更改为一个类,因为多个id
不好,无法正常工作
其次,使用jQuery的方法获取返回的jQuery节点列表中的第一个节点,该节点是从获取所有cont
类:$('.cont')
得到的,然后克隆节点。您必须只抓取第一个,否则最终会将div的倍数添加回页面
$(".cont").first().clone(true, true).appendTo(".container");
第三,将delete
id
更改为类
第四,因为要添加到DOM中,所以需要在父节点上使用,以便正确捕获事件。用于查找最近的cont
类并将其删除
$('.container').on('click', '.delete', function () {
$(this).closest('.cont').hide();
});
希望这有帮助。首先,您应该将
cont
id
更改为一个类,因为多个id
不好,无法正常工作
其次,使用jQuery的方法获取返回的jQuery节点列表中的第一个节点,该节点是从获取所有cont
类:$('.cont')
得到的,然后克隆节点。您必须只抓取第一个,否则最终会将div的倍数添加回页面
$(".cont").first().clone(true, true).appendTo(".container");
第三,将delete
id
更改为类
第四,因为要添加到DOM中,所以需要在父节点上使用,以便正确捕获事件。用于查找最近的cont
类并将其删除
$('.container').on('click', '.delete', function () {
$(this).closest('.cont').hide();
});
希望这有帮助。首先,您应该将
cont
id
更改为一个类,因为多个id
不好,无法正常工作
其次,使用jQuery的方法获取返回的jQuery节点列表中的第一个节点,该节点是从获取所有cont
类:$('.cont')
得到的,然后克隆节点。您必须只抓取第一个,否则最终会将div的倍数添加回页面
$(".cont").first().clone(true, true).appendTo(".container");
第三,将delete
id
更改为类
第四,因为要添加到DOM中,所以需要在父节点上使用,以便正确捕获事件。用于查找最近的cont
类并将其删除
$('.container').on('click', '.delete', function () {
$(this).closest('.cont').hide();
});
希望这有帮助。小心重复ID@Sandy:
live
在较新版本的中不推荐使用jQuery@Sandy.live()
不受欢迎您遇到的问题是,您正在克隆和附加具有相同id的项目。正如您所知,id在网页中必须是唯一的,否则您将得到有趣的结果。确保修改附加项的id,以便每个附加项都获得唯一的id。如何动态更改id???正如你们所看到的,点击事件被分配给ID,现在若我改变克隆的div的ID,点击函数将如何工作???小心重复的ID@Sandy:live
在较新版本的中不推荐使用jQuery@Sandy.live()
不受欢迎您遇到的问题是,您正在克隆和附加具有相同id的项目。正如您所知,id在网页中必须是唯一的,否则您将得到有趣的结果。确保修改附加项的id,以便每个附加项都获得唯一的id。如何动态更改id???正如你们所看到的,点击事件被分配给ID,现在若我改变克隆的div的ID,点击函数将如何工作???小心重复的ID@Sandy:live
在较新版本的中不推荐使用jQuery@Sandy.live()
不受欢迎您遇到的问题是,您正在克隆和附加具有相同id的项目。正如您所知,id在网页中必须是唯一的,否则您将得到有趣的结果。确保修改附加项的id,以便每个附加项都获得唯一的id。如何动态更改id???正如你们所看到的,点击事件被分配给ID,现在若我改变克隆的div的ID,点击函数将如何工作???小心重复的ID@Sandy:live
在较新版本的中不推荐使用jQuery@Sandy.live()
不受欢迎您遇到的问题是,您正在克隆和附加具有相同id的项目。正如您所知,id在网页中必须是唯一的,否则您将得到有趣的结果。确保修改附加项的id,以便每个附加项都获得唯一的id。如何动态更改id???正如你们所看到的,点击事件被分配给ID,现在若我改变克隆的div的ID,点击函数将如何工作???