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でカラーボックスを開く必要があります。 DOMの複製なしの方法だろう何

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

： は今、私はとの問題を持っているハックをやっていますか？

Answer 1

the docsによると、「インライン」オプションを使用します。 jsFiddle。

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