Javascript Featherlight JS创建重复的ID'；什么是HTML？

我用css

display:none隐藏div内容并用窗口显示它

我在其他JavaScript访问的内容中有一些id

问题是当Featherlight从我的隐藏div创建一个模式窗口时，id是重复的。一个在隐藏的div中，一个在窗口中

现在JS控件只能在隐藏的div中看到id，而不能在Featherlight窗口中看到id。所以窗户里面什么都不起作用

我该怎么做

（窗口在JSFIDLE中不覆盖屏幕）

JS

<!-- Featherlight Button -->
<a href="#" data-featherlight="#window">Open Featherlight</a>

<!-- Featherlight Window -->
<div class="hidden">
  <div id="window">
      <div id="content">
        This ID is duplicated.
      </div>
  </div>
</div>

.hidden { 
  display:none; 
 }
#window { 
  width:400px;
  height:250px;
  background:white;
  border:1px solid black; 
}

我也有同样的问题。
您可以在打开对话框时禁用源HTML输入，这样只有弹出窗口中的输入才会在表单提交时发送到服务器