区分事件原始和克隆的html块

时间:2010-07-16 16:45:18

标签: jquery jquery-ui

我正在使用jquery 1.3,

当我使用clone(true)克隆元素时,所有数据+事件都被复制,但问题是 区分原始html块的事件和克隆的html块。

当我尝试将事件触发到克隆的html块时,原始的html块的事件也会被触发。

所以现在最大的问题是如何区分事件

在这里查看代码jsfiddle.net/BbBqJ/1

2 个答案:

答案 0 :(得分:0)

使用事件目标,它只应与事件的来源进行交互...

$("something").bind("click", function (event) {
   $(event.target).css("border", "1px solid #f00");
});

答案 1 :(得分:0)

例如,当你有一个像$('.edit')这样的选择器时,你正在选择页面上该元素的 all

要将选择器聚焦到有限的上下文,您可以传递第二个参数。所以我所做的是将您创建的新元素存储到名为$box的变量中,然后将其作为$('.edit', $box)等上下文传递。

我对您的代码进行了其他更改以清理内容。

http://jsfiddle.net/sxkxp/1/

同样,请记住,像.edit这样的选择器正在影响所有页面上存在的那些元素。