$(…).modal不是jquery.min.js函数
我有一个模式，我想在页面加载时打开。但是，我有一个错误:`
jquery.min.js:2未捕获的TypeError：$（...）。Modal不是HTMLDocument中的函数。
以下是我的jquery cdn包含，除了模态外，它还可以工作：
null
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha512-3P8rXCuGJdNZOnUx/03c1jOTnMn3rP63nBip5gOP2qmUh5YAdVAvFZ1E+QLZZbC1rtMrQb+mah3AfYW11RUrWA==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$('#myModal').modal('show');
});
</script>null
共有2个答案
您的代码实际上是正确的。
类型错误：$（...）。模态不是函数
发生此错误的原因可能是代码在包含引导程序之前运行。当它运行时，远程cdn还没有加载引导程序，js可能无法识别所有的引导程序功能。
由于您提供的代码段实际上并没有显示任何结果，所以添加引导css文件，您就会意识到它实际上是工作的。
null
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha512-3P8rXCuGJdNZOnUx/03c1jOTnMn3rP63nBip5gOP2qmUh5YAdVAvFZ1E+QLZZbC1rtMrQb+mah3AfYW11RUrWA==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$('#myModal').modal('show');
});
</script>
您忘记添加boostrap了，css和model没有任何内容，所以这就是我们看不到任何输出的原因
null
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
test model
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#myModal').modal('show');
});
</script>-
如果我从'jQuery'；中删除这个
-
我正在用Bootstrap 4做一个react项目。引导程序已通过CDN导入。 我想要的是在满足条件的情况下显示/隐藏一个模态。我已经导入了jquery 在组件中 但是在执行上面的行时，它会显示一个错误，如 我读到了这个错误，它说可能是因为jquery与CDN和NPM一起导入了两次。我不确定原因是什么。但我也尝试过从一个方法导入jquery，但它不起作用。有什么建议吗？
-
我想在执行某个函数时关闭引导模式，但当再次打开模式时，我必须双击才能打开它，我想用一键再次打开，而不是双击，谢谢 关闭引导模式（js）的我的代码
-
问题内容： 当我试图在React版本15.2.0中使用这两个函数时，我在代码中发现了一个问题，尽管如此，我找到了一种解决方法，但是我想知道是否有更好的解决方案。 因此，每当我尝试运行index.html文件时，都不会显示任何内容，但是控制台会出现第一个错误： React.render不是function 。我发现发生这种情况是因为新版本的React需要使用react-dom，即 现在问题已解决，但
-
模态是在其父窗口上分层的子窗口。 通常，目的是显示来自单独源的内容，该源可以在不离开父窗口的情况下进行一些交互。 子窗口可以提供信息，交互等。 如果您想单独包含此插件功能，那么您将需要modal.js 。 另外，如Bootstrap插件概述一章所述，您可以包含bootstrap.js或缩小的bootstrap.min.js 。 用法 (Usage) 您可以切换模态插件的隐藏内容 - Via dat
-
Modal 是从App的主要内容区域上弹出的一小块内容块. Modals经常被用来向用户询问信息，或通知或警告用户。 Modal和其他所有的遮罩图层一样，是所谓的“临时视图”的一部分。 Modals 可以只用JavaScript打开。所以让我们来看看使用modals的相关APP方法 预定义的 Modals 注意，如果你没有指定预定义的modal标题，它讲使用默认的标题("Framework7")，