onclick pour ouvrir un colorbox avec html préréglée

Question

Je vais commencer que j'ai vu/lu à travers les questions similaires, aucun d'entre eux répond à ce que je demande, autant que je peux voir.

J'ai le code HTML suivant dans ma page:

<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> 

je dois ouvrir un colorbox avec ce html (ci-dessus) en elle. En ce moment je fais un hack, qui a des problèmes avec:

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

Quelle serait la façon sans réplication du DOM?

Answer 1

Selon the docs, utilisez l'option "inline". jsFiddle.

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