Question

我正在使用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>

所以，显然我做错了什么，我只是弄清楚是什么。我用html在我的目录中包含了jquery，colorbox和colorbox.css文件。如果你能帮助我，请提前感谢！

Answer 1

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

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

Answer 2

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

jQuery colorbox插件无法正常工作

2 个答案: