Question

我有一个像这样的静态HTML容器div：

<div id="dvExchangeNames">
</div>

在document.ready()事件中，我使用Ajax调用得到一些字符串，并将每个字符串作为div内容附加到容器dvExchangeNames中。新的HTML看起来像这样：

<div id="dvExchangeNames">

  <div class='drop'> Foo </div>
  <div class='drop'> Bar </div>

</div>

我需要使用 drop 类在div上绑定ondrop事件。所以我这样做是使用事件冒泡：

$("#dvExchangeNames").on("dropstart", ".drop", function () {

    $(this).addClass("active");

}).on("drop", function (ev, dd) {

    $(this).toggleClass("dropped");

}).on("dropend", function () {

    $(this).removeClass("active");
});

问题是它添加，切换和删除dvExchangeNames中的类但我希望通过子div实际解雇 dropstart事件来完成。

显然，$(this)选择父div。我试过了$(e.target).addClass()，但它没有用。我使用 THIS jQuery插件通过拖放功能获得多选功能。

Answer 1

由于event delegation .on drop dropend #dvExchangeNames，event delegation明显针对events。因此，对$("#dvExchangeNames").on("dropstart", ".drop", function () { $(this).addClass("active"); }).on("drop",".drop", function (ev, dd) { //event delegation here $(this).toggleClass("dropped"); }).on("dropend",".drop", function () { //event delegation here too $(this).removeClass("active"); });所有内容var mongoose = require('mongoose'); var dbConnect = mongoose.createConnection('mongodb://192.168.26.104:27017/test', { db: { safe: true } })进行如下操作：

{ name: 'MongoError', message: 'connect ECONNREFUSED' }

在事件冒泡中选择每个动态内部div

1 个答案: