我在正确加载时遇到了一些问题,因为图像有时不会显示,而只是一个白色的小盒子,一切都设置好了吗?-它起作用了,但我不明白为什么它不再起作用了。。
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*15;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"30%", inline:true, href:"#subscribe"});
}
});
</script>
<div style="display:none;">
<div id="subscribe" style="width:475px;">
<img src="<?= IMAGES_DIR; ?>/signup.jpg" alt="Sign Up To University Compare" />
</div>
</div>
要查看实时链接,请访问:http://universitycompare.com
我认为问题存在,因为当图像未完全加载(height: 0
)时,颜色框会计算其高度。因此,当加载完成时,试着调整它的大小,或者给它一个高度值。
$.colorbox({
width:"30%",
inline:true,
href:"#subscribe",
onComplete : function() {
$(this).colorbox.resize();
}
});
或
$.colorbox({
width:"30%",
inline:true,
href:"#subscribe",
height: "500px"
});
在.cboxLoadedContent
有一个属性height:0px;
这就是问题所在。试着改变它的价值,就会奏效。