Question

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

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

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

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

1 个答案: