Javascript 为什么我的复制和粘贴引导lightbox不工作？_Javascript_Twitter Bootstrap_Lightbox

Javascript 为什么我的复制和粘贴引导lightbox不工作？

javascript twitter-bootstrap

Javascript 为什么我的复制和粘贴引导lightbox不工作？,javascript,twitter-bootstrap,lightbox,Javascript,Twitter Bootstrap,Lightbox,我试图从以下位置复制并粘贴引导Lightbox示例：，进入我正在开发的网站：它看起来与示例相同，但当我单击图片（在图像部分）时，它只会跳到页面顶部，而不是打开一个模式我已经为此工作了5个多小时。我想是时候寻求帮助了我试着做同样的事情，结果也一样，因为我没有导入引导css和JS 请在导入jQuery后通过导入引导JS重试 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">

我试图从以下位置复制并粘贴引导

Lightbox

示例：，进入我正在开发的网站：

它看起来与示例相同，但当我单击图片（在图像部分）时，它只会跳到页面顶部，而不是打开一个模式

我已经为此工作了5个多小时。我想是时候寻求帮助了

我试着做同样的事情，结果也一样，因为我没有导入引导css和JS

请在导入jQuery后通过导入引导JS重试

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

在head部分，将引导css导入为

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

导入上述两个文件后，您将获得所需的输出。

我尝试了同样的操作，但得到了相同的结果，因为我没有导入引导css和JS

请在导入jQuery后通过导入引导JS重试

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

在head部分，将引导css导入为

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

导入上述两个文件后，您将获得所需的输出。

您的项目中没有可用的jquery库，在尝试打开它时，它将获得404 HTTP状态代码

每次开发时，都要使用chrome控制台来测试网络。

如果项目中没有可用的jquery库，则在尝试打开它时会收到404 HTTP状态码

Failed to load resource: the server responded with a status of 404 (Not Found)

每次开发时，请使用chrome控制台测试您的网络

Failed to load resource: the server responded with a status of 404 (Not Found)

这是第一个错误，接下来的第二个错误是：

Uncaught Error: Bootstrap's JavaScript requires jQuery

这意味着您无法加载Jquery文件。您的文件路径应该正确，或者只需使用链接即可

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

我猜，如果在你复制lightbox代码之前它就工作了，那么你可能对文件顺序有把握。也就是说，在引导js文件之前加载Jquery文件。如果不是，您可能想这样做，因为如果没有文件顺序，引导将无法正常工作

这是第一个错误，接下来的第二个错误是：

Uncaught Error: Bootstrap's JavaScript requires jQuery

这意味着您无法加载Jquery文件。您的文件路径应该正确，或者只需使用链接即可

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

我猜，如果在你复制lightbox代码之前它就工作了，那么你可能对文件顺序有把握。也就是说，在引导js文件之前加载Jquery文件。如果没有，您可能希望这样做，因为如果没有文件顺序，引导程序将无法正常工作。

看起来它希望您包括jQuery。试着把

扔到页面上Lightbox JS上方的某个点上。说到jQuery。看起来您正在将其包含在页面中，但jquery.js文件完全为空。（据我所知）。所以引导程序抛出了一个错误。您需要使用jQuery js填充jQuery文件，或者包含来自GoogleCDN之类的地方的jQuery。做了几十个网站，从来没有犯过这样愚蠢的错误。但是我刚刚创建了一个jquery.js文件，引用了它，我仍然得到了相同的结果。当我查看页面源代码时，我会看到jquery.js include。现在怎么办？没关系。我变得邋遢了。现在可以了。谢谢。看起来它希望您包括jQuery。试着把