大佬教程收集整理的这篇文章主要介绍了jquery – Bootstrap:TypeError:$(…).modal不是函数,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
TypeError: $(...).modal is not a function
这是我的代码:
<button id="btnTest" class="btn btn-default">Show Modal</button> <div id="dummymodal" role="dialog" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> <h4 class="modal-title">Error</h4> </div> <div class="modal-body"> <p>Quick Brown Fox Jumps Over The Lazy Dog</p> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-default">Close</button> </div> </div> </div> </div> </div> <script type="text/javascript" src="/js/jquery-1.11.3.js"></script> <script type="text/javascript" src="/js/bootstrap.js"></script> <script type="text/javascript"> $('document').ready(function () { $('#btnTest').click(function () { $('#dummymodal').modal('show'); }); }); </script>
仅供参考,我使用bootstrap 3.3.5和jquery 1.11.3.我试过jQuery.noConflict();等等从this thread开始,但仍然没有运气.这是complete code
$('document').ready(function() { $('#btnTest').click(function() { $('#dummymodal').modal('show'); }); });
body { BACkground-color: #eee; padding-top: 40px; padding-bottom: 40px; }
<!DOCTYPE html> <html> <head> <Meta charset="utf8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge"> <Meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <title>Modal Test</title> </head> <body> <div class="container"> <button id="btnTest" class="btn btn-default">Show Modal</button> <div id="dummymodal" role="dialog" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> <h4 class="modal-title">Error</h4> </div> <div class="modal-body"> <p>Quick Brown Fox Jumps Over The Lazy Dog</p> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-default">Close</button> </div> </div> </div> </div> </div> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </body> </html>
以上是大佬教程为你收集整理的jquery – Bootstrap:TypeError:$(…).modal不是函数全部内容,希望文章能够帮你解决jquery – Bootstrap:TypeError:$(…).modal不是函数所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。