Question

我试图加载一个bootstrap模式但它在我的网站上不起作用。当我试图在控制台上看到我有以下错误。

在Firefox中：

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

在Chrome中：

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

我的代码：

<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>

Answer 1

我认为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/

无法加载Bootstrap模式

1 个答案: