Question

这应该很简单。我想在我的Bootstrap 3页面中插入一个简单的JS模态：http://www.redfuryrevenge.com/index2.html。我直接从Bootstrap页面复制并粘贴它，如下所示：

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
      Launch demo modal
    </button>   

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Modal title</h4>
          </div>
          <div class="modal-body">
            ...
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>

我用Firebug检查过它。但我看不出错误或冲突。

帮助表示赞赏。

Answer 1

我尝试打开http://www.redfuryrevenge.com/index2.html并收到此错误

Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher

如果你使用jQuery版本＆lt; 1.9.1，你应该升级。从here

下载jQuery

Answer 2

检查该页面上的JavaScript控制台。您有一些错误，其中一个是bootstrap不支持您的jQuery版本以及一些404错误。你应该做的第一件事是解决这些错误，很可能是由于其中一个错误。

简单模态由于冲突而不能正常工作

2 个答案: