我正在使用简单的模态 JQuery 插件在我的 HTML 网站上显示一个对话框。它运作良好,但现在我想在同一页面上显示两个或更多单独的对话框。
这可能吗?
我将演示下载中的代码与 JQuery 调用和 css 文件一起使用。
<div id='container'>
<div id='content'>
<div id='basic-modal'>
<a href='#' class='basic'><img src="images/BlueButtonAccess.png" alt="Access Atatement" id="Image4" onmouseover="MM_swapImage('Image4','','images/BlueButtonAccess2.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>
<!-- modal content -->
<div id="basic-modal-content">
<div id="simplemodal-header">
<h3>Hill House Access Statement </h3>
</div>
<div id="iframebox"><iframe src="Access Statement iframe.htm" style="background-color: #3D4049;"width="780" height="476" align="left" frameborder="no" marginheight="0px" scrolling="vertical" ></iframe>
</div>
</div>
<!-- preload the images -->
<div style='display:none'>
<img src='images/CloseButton2.png' alt='' id="Image6" onmouseover="MM_swapImage('Image6','','images/CloseButton.png',1)" onmouseout="MM_swapImgRestore()" />
</div>
</div>
</div>