如何在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元素選擇器有一個適當的了解。