时间戳

首页 > 解决方案 > Bootstrap 模态调用将不会运行，可能是构造函数问题

jquery - Bootstrap 模态调用将不会运行，可能是构造函数问题

问题描述

我正在建立一个投资组合网站，我想使用 Bootstrap 模态，但我无法让模态弹出打开。JQuery 似乎有问题，我正确调用了吗？

我发现这个问题Modal not being called on bootstrap 3，这是最接近我遇到的问题。但我尝试重新排列我的链接无济于事。我也尝试过下载和本地链接 .js 文件，以防我链接到的 .js 文件出现错误，但这并没有解决我的问题。

这是在我的正文段中调用模态的代码：

<button type="button" class="btn btn-lg btn-success" data-toggle="modal" data-target="#myModal">
        Click to open Modal
    </button>

以下是我如何链接到标头中的 .js 文件：

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">


    <script src="jquery-3.4.0.min.js"></script>

    <script src="bootstrap.js"></script>

    <link rel="stylesheet" href="bootstrap.css">

</head>

这应该会导致弹出一个模式窗口，但由于某种原因没有发生任何事情。

在 Chrome 中检查代码后，看起来问题出在构造函数“_dataApiClickHandler”上，但由于我不编写 Java，我不知道如何解决这个问题。任何帮助或类似问题的链接将不胜感激！

标签： jqueryconstructorbootstrap-4bootstrap-modalclass-constructors

解决方案

推荐阅读