javascript - 将 HTML 控件从一个页面移动到另一页面

Question

我正在开发一个有 4 个选项卡式 View (单独的 HTML 页面)的项目。每个 View 都有一堆使用 d3.js 实现的 SVG 图表。现在客户想要一种功能，可以从其中剪切和粘贴/移动图表选项卡式 View 到另一个 View 。实现此目的的最佳方法是什么？我已经使用 interact.min.js 在页面限制内调整图表大小以及拖动/移动图表。

该项目采用离线格式，即没有使用任何服务器端语言。您的所有建议都应考虑到这一点。目前，所有 View 都是通过单击本地文件系统中存在的文件夹中的 html 页面来启动的。

Answer 1

我想这可能会对您有帮助。您可以用 HTML2 选项卡替换整个 HTML1，反之亦然。

HTML

<div id="div1"> HULK </div>

<div id="div2">THOR </div>

<input class="button" type="button" value="Replace THOR with HULK">

JQUERY

$(".button").click(function(){
$('#div2').replaceWith($('#div1').html());
})

这只是一个我认为可以帮助你的想法。

JS Fiddle Demo