javascript - onclick 打开带有预设 html 的颜色框

Question

我将从看到/阅读类似的问题开始，据我所知，它们都没有解决我的问题。

我的页面中有以下 HTML：

<div id="approve-users-yesno">
   <h1>Approve the following users?</h1>
    <hr />
   <ul id='approve-users-list'>
</ul>
<label>Additional comments: <textarea rows="5" cols="20" id="approve-users-comment"></textarea></label>
<div style="margin-top: 50px;text-align:right;">
<button class="ulink" onclick='approveUsersSubmit();'>YES</button>
<button class="ulink" onclick='cleanCHKBXSelection("approveUsersIDS");'>NO</button>
</div>
</div>

我需要打开一个带有这个 html（上图）的颜色框。现在我正在做一个 hack，它有以下问题：

$.colorbox({html:$('#approve-users-yesno').html())});

如果不复制 DOM 会怎样？

Answer 1

根据文档，使用“内联”选项。js小提琴。

var $stuff = $('#approve-users-yesno');
$.colorbox({inline:true, href:$stuff});