javascript - bootstrap js组件调用报错

Question

在discuz中做二次开发时使用bootstrap, 调用js组件报错。代码如下：
引用bootstrap

<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script>

<!-- Modal -->


<p class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <p class="modal-dialog">
        <p class="modal-content">
            <p 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>
            </p>
            <p class="modal-body">
                ...
            </p>
            <p 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>
            </p>
        </p>
    </p>
</p>

然后调用模态框时报错

<script>
            jQuery('#myModal').modal({
                keyboard: false
            })
    </script>

报错信息
undefined is not a function

Answer 1

我猜你没引用jquery。。。 如果不是 那么 jquery 没放在 bootstrap前面 还不是 那就是 把jquery 改成$ 试试 还不行，，，不应该啊

Answer 2

你这句脚本中有两个 function，一个是 jQuery()，一个是 modal()。
如果引用了 bootstrap，那 modal 肯定是有的。所以……

多半是没引用 jQuery 造成的啦！所以引入 jquery 试试

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>