如何在页面加载5秒后显示Colorbox？

Question

这里是我到目前为止，但它加载的时候了：

<script type="text/javascript"> 
var pid = <?php echo $_GET['id']; ?>; 
var rlink = "<?php echo $domain; ?>share.php?pid=" + pid; 
$(document).ready(function(){ 
    setTimeout($(".url_tag_small").colorbox({ href: rlink, width: "620px", height: "354px", opacity: 0.0, transition: "none", initialWidth: "620px", initialHeight: "354px", iframe: true, title: true, open: true}), 5000); 
}); 
</script> 

我在做什么错？

Answer 1

它在setTimeout调用初始化时执行您的回调，而不是在定时器关闭时执行。更改为：

var pid = <?php echo $_GET['id']; ?>, 
    rlink = "<?php echo $domain; ?>share.php?pid=" + pid; 

$(document).ready(function(){ 
    setTimeout(function(){ 
     $(".url_tag_small").colorbox({ 
     href: rlink, 
     width: "620px", 
     height: "354px", 
     opacity: 0.0, 
     transition: "none", 
     initialWidth: "620px", 
     initialHeight: "354px", 
     iframe: true, 
     title: true, 
     open: true 
     }) 
    }, 5000); 
}); 

Answer 2

您在调用setTimeout时调用函数，而不是将它传递给将打开colorbox的函数的引用。

$(document).ready(function(){ 
    setTimeout(function() { 
     $(".url_tag_small").colorbox({ href: rlink, width: "620px", height: "354px", opacity: 0.0, transition: "none", initialWidth: "620px", initialHeight: "354px", iframe: true, title: true, open: true}) 
    }, 5000); 

}); 

基本上，你的版本，而不是通过在函数中说，“这就是我希望你以后5000毫秒做”，被编码调用.colorbox事情调用setTimeout之前。