1

我正在使用 colorbox 插件 ( http://www.jacklmoore.com/colorbox/ ) 制作一种画廊，但我无法让它工作。

我从网页上复制了演示代码（我对其进行了修改以适合我的链接）

<!doctype html>

<html>

    <head>

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

        <script src="jquery.js"></script>

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

    </head>

    <body>

        <a class='gallery' href='image.jpg'>Photo_1</a>

        <script>

            alert('colorbox is about to open')

            $("a.gallery").colorbox();

        </script>

    </body>

</html>

所以，很明显我做错了什么，我只是不知道是什么。我将 jquery、colorbox 和 colorbox.css 文件包含在我的 html 目录中。如果你能帮助我，在此先感谢！

4

2 回答 2

2

您应该习惯使用 Firebug（Firefox 的插件）和/或 Google Chrome 的检查器（默认情况下在 Chrome 上存在）。如果您使用其中任何一个，您可以右键单击->检查元素，然后点击“网络”选项卡。

在“网络”选项卡中刷新页面，您将看到 HTTP 请求。这将帮助您确定是否存在输入错误的路径或任何无法访问的文件。此外，当您单击“控制台”按钮时，您将能够看到任何 javascript 错误。控制台按钮在左下角，看起来有点像这样：>=

于 2013-08-31T17:33:46.313 回答
0 
                  "<script src='$CFG->wwwroot/includes/js/custom.js' type='text/javascript'></script>";  
            "<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>";
     require_once ($CFG->dirroot."/date/gcal_support.php");  
            ($CFG->dirroot."/includes/js/jquery.validationEngine-en.php");   
     echo "<script src='$CFG->wwwroot/includes/js/jquery.validationEngine.js' type='text/javascript'       ='utf-8'></script>";
     echo "<link rel='stylesheet' href='$CFG->wwwroot/includes/css/validationEngine.jquery.css'       ='text/css'/>";
     echo "<link rel='stylesheet' href='$CFG->wwwroot/my/css/template.css' type='text/css'/>";
     echo "<link rel='stylesheet' href='$CFG->wwwroot/users/css/style.css' type='text/css'/>";  
           echo "<script src='js/jquery.validate.js' type='text/javascript' charset='utf-8'></script>";

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script language="JavaScript" src="<?php $CFG->wwwroot?>/js/jquery.colorbox.js"></script>
于 2016-11-23T03:14:11.837 回答