Javascript 为什么引导lightbox缩略图不工作_Javascript_Html_Css_Twitter Bootstrap

Javascript 为什么引导lightbox缩略图不工作

javascript html css twitter-bootstrap

Javascript 为什么引导lightbox缩略图不工作,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我下面是引导lightbox缩略图的在线教程。我多次输入了完全相同的代码，但它不起作用。每当我单击图像时，它都会在新选项卡中打开，而不是在同一窗口中弹出。这是密码 <title>Lightbox</title> <link href="css/lightbox.css" rel="stylesheet" type="text/css"> <script src="http//ajax.googleapis.com/ajax/libs/jquery/1

我下面是引导lightbox缩略图的在线教程。我多次输入了完全相同的代码，但它不起作用。每当我单击图像时，它都会在新选项卡中打开，而不是在同一窗口中弹出。这是密码

<title>Lightbox</title>

<link href="css/lightbox.css" rel="stylesheet" type="text/css">
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="F:/LightBox/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" type="text/css">
<link rel="stylesheet"   href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!--
<link rel="stylesheet"     src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">
<link rel="stylesheet"  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
-->
<link rel="stylesheet"  src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">

</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-4">
        <a href="1.jpg"="image=1" data-title="my CATioN"><img src="1.jpg"   alt="" class="img-thumbnail"</a>
        </div>
    </div>
</div>

<!--
<script src="F:/LightBox/lightbox.js"></script>
-->

</body>

灯箱

我尝试在不同的位置添加lightbox.js文件，但仍然不起作用。

您的HTML中有一些错误：

您的

img

标签未关闭

您在

标签

href=“1.jpg”=“image=1”

中有这个，只要链接到图像路径一次

您没有为插件使用数据属性：

data lightbox=“

在

标签上

查看文档：

工作示例

您的HTML中有一些错误：

您的

img

标签未关闭

您在

标签

href=“1.jpg”=“image=1”

中有这个，只要链接到图像路径一次

您没有为插件使用数据属性：

data lightbox=“

在

标签上

查看文档：

工作示例

打开Chrome开发者工具或Mozilla。有错误吗？为什么有两个

？我尝试了所有可能的方法。即使保留两个或删除其中一个，也不会起作用。Chrome developer显示错误lightbox.js:72 Uncaught TypeError:$不是一个函数bootstrap.min.js:6 Uncaught error:bootstrap的JavaScript需要jQueryOpen Chrome developer工具或Mozilla。有错误吗？为什么有两个

？我尝试了所有可能的方法。即使保留两个或删除其中一个，也不会起作用。Chrome developer显示错误lightbox.js:72 Uncaught TypeError:$不是一个函数bootstrap.min.js:6 Uncaught error:bootstrap的JavaScript要求jQueryIt工作正常。非常感谢范布伦。我删除了数据属性，因为在教程中提到它并不重要。它工作得非常好。非常感谢范布伦。我删除了数据属性，因为在教程中提到它并不重要。