jQuery 克隆 api 不会克隆本机 javascript 事件

发布于 2024-12-13 16:04:02 字数 336 浏览 2 评论 0原文

如果我使用“element.onclick = function() {...};”向元素添加本机事件处理程序语法，后来我使用 'true' 参数使用 jQuery 克隆 api 克隆元素，然后克隆的元素不会获得本机添加的事件处理程序。如果我上面使用的本机语法是必须的（所以请不要给我类似“use $(element).click(function(e){...});”的答案，我该如何解决它？ “， ETC..）。

在代码中：

编辑：请检查jsfiddle： http://jsfiddle.net/86f96/

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

北方的巷 2024-12-20 16:04:02

同一页面上不能有 2 个 ID 为 btn 的元素。

编辑：

我查看了 jsfiddle，遗憾的是，除了在附加 clone 后再次附加单击事件之外，我无法想出不同的解决方案

编辑2：

这是我得到的最接近的解决方案，无需更改原生 JS onclick 事件。因此，如果由于某种原因，您无法更改先前定义的函数，这将有所帮助：

var element = document.getElementById('element');
document.getElementById('element').onclick = function() { alert( 'clicked' ); };
//...
var clone = $(element).clone(true);
var native_click_function = $(element)[0].onclick;
$(element).remove();
clone.appendTo('body').click(function(){
    native_click_function();
});

代码取自 JS fiddle。

You can't have 2 elements with the ID btn on the same page.

EDIT:

I looked at the jsfiddle, and sadly I can't come up with a different solution, other than attaching the click event again, after appending the clone

EDIT 2:

This is as close as I got, without changing the native JS onclick event. So if for some reason, you can't change the previously defined function, this would help:

var element = document.getElementById('element');
document.getElementById('element').onclick = function() { alert( 'clicked' ); };
//...
var clone = $(element).clone(true);
var native_click_function = $(element)[0].onclick;
$(element).remove();
clone.appendTo('body').click(function(){
    native_click_function();
});

The code is taken from the JS fiddle.

回复收藏 0 原文