jquery动态添加了多次触发函数的div

Question

我有一个页面，我动态添加div。所有Div都是可拖动和可调整大小的。如果我点击div，它应该可以编辑。这是我的测试代码。

http://jsfiddle.net/hqhqb5ut/1/

点击first Div即可查看。

但如果我点击拖动div，则只会进行拖动。如果只有一个div，这可以正常工作。但是如果我添加更多的div，只有最后一个表现正常。即使我拖动，之前的版本也可以编辑。

我检查了控制台，似乎多次调用该函数，因为有多个div具有相同的类。

我该如何解决这个问题？

更新1： 我找到了动态部分。我看到了SO问题，建议重复。但这是一个具体问题。如果单击“添加div”，并​​尝试拖动div，则只能拖动 LAST ADDED DIV 。在offcourse，有一个函数来检查它是否被拖动，但由于多个div而失败。

http://jsfiddle.net/hqhqb5ut/1/

Answer 1

使用事件委托，您的代码应该可以正常工作：

$('#documentMain').on('mousedown', '.dv1', function() { ..... });

Demo

正如您在演示中所看到的，此更改使添加的div可以多次编辑和拖动。