Colorbox JQuery可以';我不能让它工作

Colorbox JQuery可以';我不能让它工作,jquery,colorbox,Jquery,Colorbox,我第一次使用colorbox,我需要一些帮助。我把文件放在正确的文件夹里。所以我不确定问题出在哪里 这是我的密码: <!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"> &l

我第一次使用colorbox,我需要一些帮助。我把文件放在正确的文件夹里。所以我不确定问题出在哪里

这是我的密码:

<!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" />

 <link href="colorbox.css" rel="stylesheet" type="text/css" />

        <script src="jquery.colorbox-min.js"></script>

</head>
<title>Untitled Document</title>

<body>
<!--JQuery library-->
<a href="http://jquery.com/">jQuery</a>
    <script src="jquery.js"></script>
    <script>
      var foo = "bar";
    </script>


<!--Colorbox Call-->



        <a class='gallery'     href='images/DSC_0114.JPG'>Photo_1</a>
        <a class='gallery'     href='images/money2.jpg'>Photo_2</a>
        <a class='gallery'     href='images/money2.jpg'>Photo_3</a>

        <script>
            jQuery(document).ready(function() {
            jQuery('a.gallery').colorbox();
            });;
        </script>

</body>

无标题文件
var foo=“bar”;
jQuery(文档).ready(函数(){
jQuery('a.gallery').colorbox();
});;
类“box”id“box”的内容位于此处


我是初学者,所以请指出你想到的一切

在加载jquery之前,您正在加载colorbox。它需要另一种方式

<script src="jquery.js"></script>
<script src="jquery.colorbox-min.js"></script>


@ocanal这里有一个新线程,其中包含我正在处理的代码。你看到它有什么问题吗?好的@Adam Merrifield我把jquery.com/“>jquery var foo=“bar”放在@EmilyMagnuson之前它在这里工作:(显然它看起来并不完美,因为图像文件链接不正确,我不建议将github用作CDN)你给我的代码不是带有a和a的HTML,所以我不知道该放在哪里。你能详细说明一下这些要点吗。当你点击JSFIDLE中的图像链接时,它不会按预期方式打开图像,那么你怎么做呢?