Colorbox无法加载 - 简单的代码。

时间:2012-03-23 06:49:00

标签: javascript jquery html colorbox

我确信这很简单。我之前已经让colorbox工作了,但是当我开始在新网站上尝试它时,它就不会加载!

我将jquery和colorbox文件与此html文件放在同一目录中,并将colorbox.css和图像放在示例2的images文件夹中。我的意思是,它只是在文档准备就绪时加载彩盒,但事实并非如此。我一定是想念一些非常愚蠢的东西,如果你看到任何东西,请告诉我。谢谢!

PS。我有互联网连接从网站获取库,我已经尝试过只是链接到目录中的文件无济于事。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.colorbox-min.js" type="text/javascript"></script>
</head>

<body>
MAITRE U

<script>
$(document).ready(function(){

        $.colorbox({html:'<p>TEST TEST</p>'});
                           });
</script>

</body>
</html>

1 个答案:

答案 0 :(得分:1)

工作正常here。在html页面上使用视图页面源,并确保正确加载colorbox css和js文件。最后尝试使用colorbox网站本身的js文件