首页 > bootstrap js组件调用报错

bootstrap js组件调用报错

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

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


<div class="modal fade" id="myModal" 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-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>



然后调用模态框时报错



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

报错信息
undefined is not a function


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


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

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

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
【热门文章】
【热门文章】