Question

我的代码是这样的：

$(function  () {
      $("ol.mauDIDROP").sortable({
    group: '.example'
  });
    $("ol.areaDROP").sortable({
    group:  '.example',
    drop: false,
    drag: false,
  });
   $("ol.areaDROP>li>ol").sortable({
      group:  '.example',
      drop: true,

  });
});

演示＆amp;完整代码：https://jsfiddle.net/oscar11/15qvta6p/6/

拖动＆amp;下降工作

但是如果：

<li>Single Room<ol></ol></li>
      <li>Double Room<ol></ol></li>
      <li>Family Room<ol></ol></li>

我转到javascript使用这样的追加：https://jsfiddle.net/oscar11/kdf7xngk/1/

拖动＆amp;丢弃不起作用

有关如何解决此问题的任何建议？

谢谢

Answer 1

将您的脚本更改为：

 $(function() {
   $("ol.areaDROP").append("<li>Single Room<ol></ol></li><li>Double Room<ol></ol></li><li>Family Room<ol></ol></li>");
   $("ol.mauDIDROP").sortable({
     group: '.example'
   });
   $("ol.areaDROP").sortable({
     group: '.example',
     drop: false,
     drag: false,
   });
   $("ol.areaDROP>li>ol").sortable({
     group: '.example',
     drop: true,

   });
 });

在jquery中可动态创建的元素可排序

1 个答案: