我已经将colorBox jQuery灯箱用于我的灯箱.但在那个人应该点击按钮.我想要在加载窗口时自动弹出窗口.
我的灯箱代码是
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="../jquery.colorBox.js"></script>
<script>
$(document).ready(function(){
$(".ajax").colorBox();
});
</script>
</head>
<body>
<h2>Other Content Types</h2>
<p><a class='ajax' href="../content/daisy.jpg" title="Homer Defined">Outside HTML (Ajax)</a></p>
</html>
现在我想在加载窗口时自动弹出窗口.
解决方法
使用最新版本的
ColorBox,您使用$.colorBox({inline：true,href：“.ajax”});工作演示：
http://jsfiddle.net/34v22/
我还清理了一下你的代码：
<!doctype html>
<head>
<title>My Automatic ColorBox</title>
<link rel="stylesheet" type="text/css" href="../link/to/jquery.colorBox.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="../jquery.colorBox.js"></script>
<script>$(document).ready(function(){$.colorBox({inline:true,href:".ajax"});});</script>
</head>
<body>
<h2>Other Content Types</h2>
<div class='ajax' style='display:none'><a href="../content/daisy.jpg" title="Homer Defined">Outside HTML (Ajax)</a></div>
</body>
