Question

根据question的@amphetamachine建议，我能够使用jQuery处理嵌套点击。现在，在实现委托之后，以前工作的拖动功能现在无法正常工作。

这个概念仍然是一个空的DIV，一旦它将在其自身内部添加另一个DIV，如果创建了DIV，则将其删除。我使用变量来确定是否要拖动DIV或将其删除。

HTML

<div id="container"></div>

的jQuery

$('#container').on('click', function(e){

  // Add other DIV
  $( this ).append('<div class="other">XYZ</div>');

  e.stopPropagation();

  // Remove other DIV
  $('div.other').bind('click', function(event){

    if (global_variable == 'drag') {
      $( this ).draggable({cursor:'move'});
    }
    else {
      $( this ).remove();
    }

    event.stopPropagation();

  });

});

我错过了什么？

Answer 1

我能找到答案。以下代码正常运行：http://jsfiddle.net/9sbnq3pv/1/

我只需要这样做：

    // Add other DIV
    var div = $('<div class="other">XYZ</div>');
        div.draggable({cursor:'move'});
    $(this).append(div);

而不是：

  // Add other DIV
  $( this ).append('<div class="other">XYZ</div>');

谢谢

嵌套单击jQuery中的可拖动元素

1 个答案: