无法加载引导模式

Unable to Load Bootstrap Modal

本文关键字：模式 加载      更新时间：2023-09-26

我试图加载一个引导模式，但它不是在我的网站工作。当我尝试在控制台上查看时，出现了以下错误:

Firefox: 

TypeError: e.modal(...).one is not a function   bootstrap.js:6
在Chrome: 

Uncaught TypeError: undefined is not a function bootstrap.js:6

My Code: 

<a class="btn btn-default" href="#myModal10" role="button" data-toggle="modal">More Info</a>
<div id="myModal10" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog"><div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
            <h4 class="modal-title">Contributors</h4>
          </div>
          <div class="modal-body">
            <p>This is a Contributors Membership. You will have a 365 day Membership where your organization can post listings the whole year with coupon membership is free. (Please Contact for Code if you haven't already received it)</p>          
          </div>
        </div>
        </div></div>

我认为js与jquery.simplemodal.1.4.3.min.js的冲突包括与jquery-migrate.min.js的冲突，但不确定…

尝试在调用jquery-migrate.min.js和jquery.simplemodal.1.4.3.min.js后添加bootstrap.js 

<script type='text/javascript' src='http://www.helpinghawaiinei.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://www.helpinghawaiinei.org/wp-content/plugins/ajax-event-calendar/js/jquery.simplemodal.1.4.3.min.js?ver=1.4.3'></script>
<script src="http://www.helpinghawaiinei.org/wp-content/themes/AT/framework/js/bootstrap.js" type="text/javascript"></script>
http://jsfiddle.net/g9r8r/

相关文章：