到目前为止,我的Colorbox ajax覆盖窗口的行为和调整很好。当我调整浏览器窗口的大小时,将保留指定叠加层扩展的百分比。我使用以下代码:
$(document).ready(function(){
$(".ajax").colorbox({
opacity:"0",
fixed:"true",
width:"65%",
height:"97%",
});
});
var resizeTimer;
$(window).resize(function(){
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if ($('#cboxOverlay').is(':visible')) {
$.colorbox.load(true);
}
}, 300)
});
我唯一的问题是,是否可以为不同的视口大小设置不同的叠加层,例如对于小视口,宽度为95%,对于桌面视口,宽度为65%?是否有可能在Colorbox中完成类似的事情,或者我需要像jresond(https://github.com/ten1seven/jRespond)这样的东西,还是有更优雅的解决方案?最好的问候拉尔夫