Javascript 为什么HTML内容在某些Chrome版本中不可见？

假设我有一个div，它的内容依赖于在上面单击的按钮。三次按钮点击的内容存储在变量1、2和3中

现在，有时会发生的情况是，内容出现在div中，但没有显示出来。当我将鼠标悬停在div上时，它有时会显示，并以部分显示，即浏览器仅显示div中鼠标所在的部分

有一种叫做“主动X射线谷歌”的工具。当我激活它并将鼠标移到content div上时，它也会显示出来

---

我不知道怎么了。我已经在20个版本的Chrome上测试过它，但其中一个版本不起作用。它不工作的版本是MacBook Pro Retina上的Mac OS X Mavericks的最新版本。

你能提供一个JSFIDLE吗？mavericksi上Chrome 38上的作品可能会提供一个网站链接。然后向下滚动并单击NGO按钮。然后按城市，进入德里，从下面选择新德里，然后按回车。你试过克隆div的内容吗？比如$'content'.html$'onebutton'.cloneOr直接引用html:$'content'.html$'onebutton'.html；

<div id="onebutton"></div>
<div id="twobutton"></div>
<div id="threebutton"></div>
<div id="content"></div>

$('#content').html(one);