如何在beforeStop事件的动态生成的div中放置JQuery Sortable的第一个拖动项

Question

所以，问题是，我将我的可排序对象放入了手风琴类别中，如下所示：

http://i.stack.imgur.com/UiRKa.jpg

手风琴类别不是可排序的，只能是它们内部的标签，并且我的左侧容器连接到右侧的容器。

我将标签类别放到“我想要的”容器上时实际上正在检查标签类别，因为我想在“我想要的”容器上创建一个相同的手风琴类别，并拖动标签到它。

问题是，当我拖动标签并生成手风琴时，它就可以了！ 但不是第一次，仅是第二次尝试。

这是第一次无效，因为我无法找到一种在拖动标签之前在“我想要的”容器上生成手风琴的方法，因此可以将其放在手风琴上。

这是我的代码：

beforeStop: function(event, ui) {

  var categ = ui.item.attr('data-categoria');
  console.log("Categoria do Objeto: " + categ);

  if (categ == 'credenciamento') {
    var container = $("#documentos_usados");
    var newdiv = $("#doc_usado_credenciamento");
    if (container.find(newdiv).length == 0) {
      var div_credenciamento = "<div id='doc_usado_credenciamento' class='single-doc'><div class='title-single-doc'>Credenciamento</div></div><div><ul id='documentos_disponiveis' class='sub-accordion-doc allow-sort' style='margin-top:0px !important'></ul></div>";
      container.append(div_credenciamento);
      newdiv.append(ui.item);
    };
  }
}

我不知道我花费的信息是否能完全帮助您，如果没有，我会根据您的要求更新帖子。

另外，对于任何英语错误，也很抱歉，这不是我的母语。

谢谢大家！

Answer 1

嘿，有一个掉落事件可用。 因此，实际上必须调用drop函数来代替beforeStop 。 在停止之前将调用此方法。 所以你可以这样：

function drop (event, ui){
var categ = ui.item.attr('data-categoria');
  console.log("Categoria do Objeto: " + categ);

  if (categ == 'credenciamento') {
    var container = $("#documentos_usados");
    var newdiv = $("#doc_usado_credenciamento");
    if (container.find(newdiv).length == 0) {
      var div_credenciamento = "<div id='doc_usado_credenciamento' class='single-doc'><div class='title-single-doc'>Credenciamento</div></div><div><ul id='documentos_disponiveis' class='sub-accordion-doc allow-sort' style='margin-top:0px !important'></ul></div>";
      container.append(div_credenciamento);
      newdiv.append(ui.item);
    };
  }
}

我只能为您提供放置代码的地方。 您必须使自己想要的逻辑成为可能。 否则，我需要对UI元素选择器有一个适当的了解。