gpt4 book ai didi

javascript - Bootstrap - $(...).modal 不是函数/解决方案 : DataTables conflict (multiple includes of jquery)

转载 作者:行者123 更新时间:2023-11-28 17:51:00 25 4
gpt4 key购买 nike

当我尝试从自定义 javascript 文件调用与 Bootstrap 模式相关的内容时,出现以下错误:CLICK HERE FOR IMAGE

我的index.php:

<?php
require "includes/header.php";
require "includes/navigacija.php";
?>

<div class="modal fade" tabindex="-1" role="dialog" id="dodajVraboten">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title"><span class="glyphicon glyphicon-plus-sign"></span> Додај вработен</h4>
</div>
<!-- MODAL CONTENT -->
</div>
</div>
</div>

<?php
require "includes/footer.php";
?>

我的 footer.php 其中包含 jquery:

        <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/fastclick.js"></script>
<script type="text/javascript" src="js/skripti.js"></script>
<script type="text/javascript" src="js/postavki.js"></script>
</body>
</html>

当我在 postavki.js 中运行此代码时收到错误:

$(document).ready(function() {
$('#dodajVraboten').modal('show');
});

正如你所看到的,我首先加载 jquery,然后加载 Bootstrap ,然后加载我的自定义 js 文件(postavki.js),我在其中遇到了该错误。我还读到,如果我多次加载 jquery,我会收到此错误,但这不是问题,因为我只在 header.php 中加载它

如果您无法打开图片,则会出现错误:

postavki.js:18 Uncaught TypeError: $(...).modal is not a function
at HTMLDocument.<anonymous> (postavki.js:18)
at fire (datatables.js:3199)
at Object.fireWith [as resolveWith] (datatables.js:3329)
at Function.ready (datatables.js:3548)
at HTMLDocument.completed (datatables.js:3564)

提前谢谢您。

编辑(如果 header.php 有任何区别):

<!DOCTYPE html>

<html lang="mk">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>asd</title>

<link rel="icon" href="sliki/favicon.ico" type="image/x-icon"/>

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/normalize.css" rel="stylesheet">
<link href="css/stil.css" rel="stylesheet" type="text/css">
</head>

<body>

最佳答案

这通常是因为您的脚本加载顺序错误造成的。确保您没有高于所需脚本的脚本。

例如,bootstrap 依赖于 jQuery,因此必须首先引用 jQuery(正如您所做的那样)。

可能发生的另一件事是对 jQuery 的两次引用,请检查您的脚本是否没有引用 jQuery 本身。如果我没记错的话,datatables.js 实际上包含对 jQuery 的引用。

关于javascript - Bootstrap - $(...).modal 不是函数/解决方案 : DataTables conflict (multiple includes of jquery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45526704/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com