Javascript 窗口准备就绪时如何自动加载冷藏箱?
我正在使用ChillBoxs Jquery插件在我的网站上添加更多的图片,但当窗口准备就绪时,我希望所有图片中的一个都可以作为弹出式图片加载,而不需要访问者的任何点击 问题当窗口已经加载时,我无法调用其中一个图像作为第一个弹出窗口 这是我的JS冷藏箱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
<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插件以及它是如何工作的。提供此插件的文档链接,因为大多数人都不熟悉它。与许多插件一样,如果功能和文档不支持您想要的内容,请尝试另一个插件