单击以打开带有预设 HTML 的彩框

onclick to open a colorbox with preset html

本文关键字:HTML 单击      更新时间:2023-09-26

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

我的页面中有以下 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(上图)的彩盒。现在我正在做一个黑客,它有以下问题:

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

如果不复制 DOM 会有什么方法?

根据文档,使用"内联"选项。 小提琴。

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