代码之家 › 专栏 › 技术社区 › user2734700

jQuery颜色框插件不工作

colorbox jquery-plugins jquery

user2734700 · 技术社区 · 12 年前

我正在使用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一起包含在我的目录中。如果你能帮我,提前谢谢!

2 回复 | 直到 12 年前

Mohamed Khamis 12 年前

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

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

Avinash Maurya 9 年前

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

推荐文章

Ravindra Bhanderi · 如何在Laravel的CKEditor中上载图像,并在服务器端上载图像

8 年前

Hello Folks · jQuery可调整大小的插件游标损坏

8 年前

Vanjith · jQuery jqplot-如何创建标签的多行

8 年前

Joshua Paul Barnard · 使用append在jQuery插件中创建覆盖

8 年前

Abilash Erikson · 如何在前端拍摄包含用户上传图像的div的截图?

8 年前

Jiga · 如何使用jQuery插件制作一个小时倒计时计时器

8 年前

g5wx · 初始化后更新jQuery插件设置

8 年前

prabha · 直接在网站中打开和编辑csv文件

8 年前

John · 如何定义jQuery validate setDefaults

8 年前

Sandeep Maharjan · 如何在Jquery验证插件中使用ajaxUserCall函数

9 年前