Jquery拖放不适用于动态可丢弃部分

Question

要求是这样的，有一系列的项目需要在编辑器里面拖拽。其中list为可拖动，编辑器为droppable。

因此，当我调用Jquery的拖放函数时，它工作得很好，这些项在编辑器中是可拖放的。

但是当多个编辑器通过ajax或使用jquery动态添加时，应该能够将新生成的编辑器中的项放入其中。已经有了添加更多编辑器的功能。

我为新生成的编辑器再次调用了拖放函数，但它只对现有的Editor有效，对新添加的Editor不起作用。

可拖放的部分是固定的，但可拖放的部分是变化的和动态的。

(注意:如果已经加载了多个编辑器，则它可以工作，但如果我调用拖放函数并添加新的编辑器，则只需加载一次。我再次调用拖放函数，对新编辑器不起作用)

我的代码，

 function _dropable_cktext_editor(){
    $('.jqte_editor').droppable({
      drop: function( event, ui ) {
        var item_name = ui.draggable.find('.name').text().trim();
        $(this).append(" ["+item_name+"]");
      }
    });
  }
  function _dragable_cktext_editor(){
    $('#spec_type_groups_edit li ul li').draggable({
      revert: "invalid",
      containment: "document",
      helper: "clone",
      cursor: "move",
      start: function(e, ui)
      {
        $(ui.helper).addClass("ui-draggable-helper");
      }
    });
  }  

Answer 1

这是加载/卸载问题的JavaScript你是用来克隆相同的输入与编辑器，如Ck-editor等。所以请先加载编辑器JavaScript，然后再次加载可拖动的JavaScript，然后它将工作100%。