jQuery没有处理ajaxally加载的数据

我试图将外部html文件中的数据加载到div中。

就像我从下拉列表中选择html文件然后点击加载按钮一样，点击它会将所选html文件的数据加载到当前的html中，在当前的html页面中我有一个div，其中html内容将被复制。

我可以通过按钮点击轻松获取外部html文件的内容到div，但问题是从外部html复制到div的内容，在那个html内容jquery上工作不正常像draggable，resizable无法正常工作。

我该如何解决此错误？

我的代码：

$.ajax({ url: "test.html", async: false, dataType: "text", success: function (data) { console.log(data); $(data).appendTo("#col_two"); return true; } }); 

编辑：下面评论的代码……

我正在尝试添加上面的代码

我在ajax调用中将上面的代码附加到col_two中，附加的div的id为“rectangle_1”不是draggalbe也不是可resize的

Answer 1

我建议处理与父文件中的ajax加载内容相关的任何内容。 鉴于您没有发布任何代码，但是这样的事情是您想要做的：

 $.ajax({ url: "/file.php", success: function(response) { $('#div').html(respose); } }); 

如果你把你的javascript放在ajax加载的内容中，我担心的一个问题是你的ajax加载的脚本可能具有假定存在于“父”文件中的依赖项。

此外，如果您多次重新加载相同的内容，那么加载ajax的代码将被多次加载。

所以不要在加载ajax的内容中加载任何脚本，而是在父javascript文件中编写任何函数。

Answer 2

你能不能使用loadfunction，如…

 $( "#col_two" ).load("test.html"); 

查看jquery文档中的load api ，还可以看到$（“＃id”）。load和$ .ajax之间的区别？ 链接进行比较。

对于使用Draggable等的问题，您是引用JQuery.UI还是在代码中有这个…

 $(function() { $("#col_two").draggable(); }); 

我在本地进行了测试，它有效…

  $(document).ready(function () { $("#col_two").load("Page.htm"); $("#col_two").draggable(); }); 

当我运行它时，我可以拖动'This is the loaded page...' 。