Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 窗口准备就绪时如何自动加载冷藏箱?_Javascript_Jquery_Jquery Plugins - Fatal编程技术网

Javascript 窗口准备就绪时如何自动加载冷藏箱?

Javascript 窗口准备就绪时如何自动加载冷藏箱?,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我正在使用ChillBoxs Jquery插件在我的网站上添加更多的图片,但当窗口准备就绪时,我希望所有图片中的一个都可以作为弹出式图片加载,而不需要访问者的任何点击 问题当窗口已经加载时,我无法调用其中一个图像作为第一个弹出窗口 这是我的JS冷藏箱 <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <scr

我正在使用ChillBoxs Jquery插件在我的网站上添加更多的图片,但当窗口准备就绪时,我希望所有图片中的一个都可以作为弹出式图片加载,而不需要访问者的任何点击

问题当窗口已经加载时,我无法调用其中一个图像作为第一个弹出窗口

这是我的JS冷藏箱

<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/chillbox-packed.js"></script> 
<script type="text/javascript">

$(function(){ 
     $('[rel$=ChillBox]').ChillBox(); 
}); 

</script> 

</head>
<body>
这里是图片

<a href="images/a1.jpg" rel="ChillBox" >
    <img src="images/a1.jpg" />
</a>
<a href="images/a2.jpg" rel="ChillBox" >
    <img src="images/a2.jpg" />
</a>
<a href="images/a3.jpg" rel="ChillBox" >
    <img src="images/a3.jpg" />
</a>
<a href="images/a4.jpg" rel="ChillBox" >
    <img src="images/a4.jpg" />
</a>
<a href="images/a5.jpg" rel="ChillBox" >
    <img src="images/a5.jpg" />
</a>

尝试添加一个简单的单击触发器:

$(function(){ 
     var $chill = $('[rel$=ChillBox]')
     $chill.ChillBox(); 
     $chill.first().click();
}); 

您假设人们知道什么是Chillbox插件以及它是如何工作的。提供此插件的文档链接,因为大多数人都不熟悉它。与许多插件一样,如果功能和文档不支持您想要的内容,请尝试另一个插件