Javascript 如何在不禁用父屏幕的情况下使用Colorbox弹出窗口
我被要求照看一个web应用程序。以前的开发人员使用colorbox显示弹出窗口。当弹出窗口打开时,将禁用父屏幕 是否可以在同一页面中使用不会禁用父屏幕的colorbox弹出另一个窗口。i、 e在父窗口中单击,而不关闭颜色框窗口 web应用程序是用asp.net和vb.net构建的 它是雇主的在线门户。下面给出了打开颜色框弹出窗口的代码Javascript 如何在不禁用父屏幕的情况下使用Colorbox弹出窗口,javascript,asp.net,css,popup,colorbox,Javascript,Asp.net,Css,Popup,Colorbox,我被要求照看一个web应用程序。以前的开发人员使用colorbox显示弹出窗口。当弹出窗口打开时,将禁用父屏幕 是否可以在同一页面中使用不会禁用父屏幕的colorbox弹出另一个窗口。i、 e在父窗口中单击,而不关闭颜色框窗口 web应用程序是用asp.net和vb.net构建的 它是雇主的在线门户。下面给出了打开颜色框弹出窗口的代码 <span class="pull-right"> <a class="hover-glow colorbox"
<span class="pull-right">
<a class="hover-glow colorbox"
data-placement="bottom" rel="tooltip"
title="view cv"
data-bind="attr: { 'href': 'cv-preview.aspx?c=' + CvId }">
<i class=" icon icon-file "></i></a>
<a class="hover-glow"
data-placement="bottom" rel="tooltip"
title="change status"
data-bind="attr: { 'href': 'update-status_popup.aspx?i=' + Id + '&c=' + StatusId }">
<i class="icon icon-random"></i></a>
</span>
如果不可能有两个不同的带有颜色框的弹出窗口,请建议另一种方法
谢谢这个问题的答案是肯定的。要查看这方面的证据,只需访问颜色框示例页面: 要了解如何实现此功能,请参阅Colorbox文档和Colorbox初学者指南:
#cboxOverlay,#cboxWrapper,#colorbox{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxBottomLeft,#cboxMiddleLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto}
#cboxTitle{margin:0}
#cboxLoadingGraphic,#cboxLoadingOverlay{position:absolute;top:0;left:0;width:100%}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block}
.cboxIframe{width:100%;height:100%;display:block;border:0}
#cboxOverlay{background:#777}
#cboxContent{margin-top:20px}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{background:#fff}
#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}
#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc;display:none!important}
#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}
#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px;display:none!important}
#cboxPrevious.hover{background-position:bottom left}
#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px;display:none!important}
#cboxNext.hover{background-position:bottom right}
#cboxLoadingOverlay{background:#000}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center}
#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px;z-index:-1}
#cboxClose.hover{background-position:bottom center}
#newPriv,#newTerm{display:none}
#exPriv,#exTerm{padding:10px;border:1px solid #dedede}