大佬教程收集整理的这篇文章主要介绍了如何使用Jquery将html从一个div移动到另一个div而不会破坏javascript，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
var working = $("#working_pane").html();
var ref = $("#reference_pane").html();
$("#working_pane").html(ref);
$("#reference_pane").html(working);
这个问题,似乎在这些窗格中引用的任何javascript(例如,编辑器)在切换时都会被破坏.没有发生JavaScript错误,只是没有发生任何事情,就像javascript的关系被破坏.
有没有移动html而不打破javascript包含？
要获取HTML,浏览器必须查看Nodes并将它们序列化为一个字符串.然后当您将该HTML分配给文档的另一部分(使用innerHTML或jQuery html(…))时,您会告诉浏览器销毁先前在元素中的所有内容,并将HTML字符串解析成一个新的一组Node对象,并将这些新节点插入到元素中.
这是缓慢的,浪费的,并且丢失了无法在序列化HTML中表达的原始Node对象的任何方面,例如：
>事件处理程序函数/监听器(这就是为什么你的编辑打破)
>变量引用其他JavaScript代码已经到了Nodes(也打破了脚本)
>表单域值(除了部分地,在IE中由于错误)
>自定义属性
所以 – 这适用于您是否使用jQuery或纯DOM – 不要扔HTML！拿起原来的节点对象并将它们插入到你想要的地方(他们将离开自己原来的位置).参考文献保持不变,因此脚本将继续工作.
// contents() gives you a list of element and text node children
var working = $("#working_pane").contents();
var ref = $("#reference_pane").contents();
// append can be given a list of nodes to append instead of HTML text
$("#working_pane").append(ref);
$("#reference_pane").append(working);
以上是大佬教程为你收集整理的如何使用Jquery将html从一个div移动到另一个div而不会破坏javascript全部内容，希望文章能够帮你解决如何使用Jquery将html从一个div移动到另一个div而不会破坏javascript所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。