Question

我第一次使用彩盒，我需要一些帮助。我有正确文件夹中的文件。所以我不确定问题是什么。

继承我的代码：

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

类“box”id“box”的内容“Goes Here”

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

Answer 1

在加载jquery之前，您正在加载colorbox。它需要反过来。

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

Colorbox JQuery无法让它工作

1 个答案: