重置后，jquery列表使用connectWith停止工作

after resetting, jquery lists using connectWith stops working

本文关键字：connectWith 停止工作 列表 jquery      更新时间：2023-09-26

我试图使用jquery 排序列表使用connectWith来完成以下任务:

  1. 连接三个列表并在它们之间拖动项目
  2. 重置列表，使其恢复到原始状态和
  3. 再次在列表之间拖动

我能够实现步骤1和2与此代码，http://jsfiddle.net/n5q54a4s/1/，但不是步骤3。一旦重置发生，我就不能在列表之间拖动了。

复位的代码如下:

$(document).ready(function() {
     var sort1 = $("#sortable1").clone();
     var sort2 = $("#sortable2").clone();
     var sort3 = $("#sortable3").clone();
     $("#resetList").click(function(){
        $("#sortable1").replaceWith(sort1);
        $("#sortable2").replaceWith(sort2);
        $("#sortable3").replaceWith(sort3);
    });
});

我可能做错了什么，防止列表之间的拖动后重置?同样，完整的代码位于:http://jsfiddle.net/n5q54a4s/1/

您不希望克隆整个排序表。您希望排序表中的代码重置

与其使用clone()，不如使用html()。

var sort1 = $("#sortable1").html();
var sort2 = $("#sortable2").html();
var sort3 = $("#sortable3").html();
$("#resetList").click(function(){
    $("#sortable1").html(sort1);
    $("#sortable2").html(sort2);
    $("#sortable3").html(sort3);
});

这里是演示http://jsfiddle.net/n5q54a4s/2/

相关文章：