实现bootstrap下的模态窗口功能时手动显示和隐藏窗口报错TypeError $(...).modal is not a function

Posted 2023-03-09

<script type="text/javascript" src="../jquery-1.9.1/jquery.js?d=2016060501"></script>
<script type="text/javascript" src="../bootstrap-3.3.5/js/bootstrap.js?d=2016060201"></script>

显示按钮:
<input class="btn btn-success" type="button" id="addbt" align="right" value="新增微商联系人" onclick="newinfo()"/>
很郁闷，完全是按照demo写的也报错，下面是窗体的div信息
<div class="modal fade" id="newinfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog">
<div class="modal-content" style="width: 720px;height:568px;margin-left: -45%;">

窗体显示方法:
function newinfo()
$('#newinfo').modal('show');


还在学习中，实在被这个搞的焦头烂额了，怎么调试都没用，只能网上求助了
调试了一天，基本可以确定问题了，是因为js文件调用问题，我将boostrap中的modal那一段代码放到了另外一个js文件中以后问题消失，可是百思不得其解的是上面的调用方式是对的，在浏览器的调试界面也能正确看到boostrap.js，但是函数调用起来就是错的，这样的问题有人能指点一下吗

代码写错了才导致报错。 language后面的因该是javascript，然后把初始化代码写在&#36;(document).ready里面。

<script language='javascript'>&#36;(document).ready(function()&#36;("#myModal").modal('show'););

<script type="text/javascript" src="../jquery-1.9.1/jquery.js?d=2016060501"></script>

<script type="text/javascript" src="../bootstrap-3.3.5/js/bootstrap.js?d=2016060201"></script>

显示按钮:
<input class="btn btn-success" type="button" id="addbt" align="right" value="新增微商联系人" onclick="newinfo()"/>
下面是窗体的div信息
<div class="modal fade" id="newinfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog">
<div class="modal-content" style="width: 720px;height:568px;margin-left: -45%;">

窗体显示方法:
function newinfo()
$('#newinfo').modal('show');

代码写错了 language后面的因该是javascript，
然后把初始化代码写在&#36;(document).ready里面。

<script language='javascript'>&#36;(document).ready(function()
&#36;("#myModal").modal('show');

);

参考技术A 代码写错了 language后面的因该是javascript
然后把初始化代码写在$(document).ready里面

<script language='javascript'>
$(document).ready(function()
$("#myModal").modal('show');

);本回答被提问者和网友采纳