Jquery 色盒图像显示不工作

Jquery 色盒图像显示不工作,jquery,html,css,colorbox,Jquery,Html,Css,Colorbox,我的html中有一个简单的“a”标记,如下所示 <a class='gallery' href='image.jpg'>photo</a> 但是,它只是在新窗口中打开图像 我的进口是这样的 <link rel="stylesheet" href="colorbox.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></s

我的html中有一个简单的“a”标记,如下所示

<a class='gallery' href='image.jpg'>photo</a>
但是,它只是在新窗口中打开图像

我的进口是这样的

<link rel="stylesheet" href="colorbox.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="jquery.colorbox-min.js"></script>


就下载而言,我将其与我网站的其他文件一起解压缩到文件夹中。

我想找不到你的js资源。尝试使用CDN并检查js路径

我在这里举了一个有效的例子

$(文档).ready(函数(){
$('a.gallery').colorbox();
});


您两次包含jQuery。删除其中一个。此外,您希望实现什么?确切地说,您链接到一个图像,使其打开,它应该打开,还是希望阻止它重定向?在这种情况下,将
e.preventDefault()
添加到您的jQuery。好的,我删除了其中一个jQuery包含。我希望完成的是当我单击它在颜色框而不是新窗口中打开的链接时。似乎正在工作:。
控制台中有任何错误吗?
<link rel="stylesheet" href="colorbox.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="jquery.colorbox-min.js"></script>