Jquery ui jQuery通过AJAX加载div时的拖放中断

我有一个需要放到AJAX加载的div中的draggable列表。但是，当AJAX加载div时，它破坏了droppables功能。我把AJAX从等式中去掉，它工作得很好

这是工作代码。有了这段代码，我可以将.contentList中的项目拖到#block1 div，一切都很顺利

<div id="block1"></div>

$(".contentList").draggable();

var dropOpts = {
  hoverClass: "activated",
  tolerance: "pointer",
  drop: getURL
};

$("#block1").droppable(dropOpts);

---

newtemplate.html包含具有相同id的div#区块1。然而，一旦它加载，我就不能再拖到它上面了。任何帮助都将不胜感激

浏览器加载网页时会绑定事件。
因此，在加载过程中，如果JavaScript没有找到指定的分区/元素，它们将不会绑定事件。因此，对于动态创建的分区，您需要使用它来绑定事件

对于你的问题，我想我会回答你的

希望它能帮助你。 祝您好运

在newtemplate.html加载到dom中后，添加代码以使#block1可拖放。e、 g

$(document).ready(function() {
    $("#template1").click(function() {
        $("#dynamic-ui").load("/templates/newtemplate.html");
        var dropOpts = {
            hoverClass: "activated",
            tolerance: "pointer",
            drop: getURL
        };

        $("#block1").droppable(dropOpts);        
    });
});

---

嗯，那对我不起作用。我在玩弄这个概念，和生活。成功！我所要做的就是把你的代码包装在.load回调函数中，还有presto，工作代码。早上开始的好方法。我更新了Rohit的代码以反映解决方案。

$(document).ready(function() {
    $("#template1").click(function() {
        $("#dynamic-ui").load("/templates/newtemplate.html");
        var dropOpts = {
            hoverClass: "activated",
            tolerance: "pointer",
            drop: getURL
        };

        $("#block1").droppable(dropOpts);        
    });
});