为什么我的模态不起作用?

时间:2014-02-15 10:59:22

标签: javascript html twitter-bootstrap-3

我正在尝试在我的网站http://mattydb.com/上实现模式,但是当我点击更改日志时,没有任何内容弹出。

有人可以建议一种解决方法吗?

<button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-sm">Changelog</button>

<div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <p>Initial Release</p>
            <ul>
                <li> Added hate paragraph </li>
                <li> Added "random" picture </li>
                <li> Added Twitter feed </li>
            </ul>
        </div>
    </div>
</div>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

1 个答案:

答案 0 :(得分:1)

您在页面中收到错误消息:

Error: Bootstrap requires jQuery

所以看起来你没有在页面中添加jQuery,你可以像这样将它添加到你的页面:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

你应该在bootstrap脚本之前添加它:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>