Javascript 未定义ReferenceError:$或未定义未捕获的ReferenceError:$_Javascript_Jquery_Twitter Bootstrap

Javascript 未定义ReferenceError:$或未定义未捕获的ReferenceError:$

javascript jquery twitter-bootstrap

Javascript 未定义ReferenceError:$或未定义未捕获的ReferenceError:$,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我试图在我的页面中调用引导模型。但它在控制台输出中抛出一个错误，因为未定义引用错误：。参考代码如下：- <head> <title></title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width

我试图在我的页面中调用引导模型。但它在控制台输出中抛出一个错误，因为未定义引用错误：。参考代码如下：-

<head>
    <title></title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">        
    <link href="<?php echo base_url(); ?>assets/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="<?php echo base_url(); ?>assets/css/bootstrap.css" rel="stylesheet" type="text/css"/>  
</head>
<body>
<div class="text-center">
    <button class="btn btn-danger" id="delete" > Delete ID</button>
</div>

<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            Confirm Delete
        </div>
        <div class="modal-body">Are you sure you want to Delete  contact list ?</div>  
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
            <a  id="sureDelete"><button  class="btn btn-danger success">Delete</button></a>
        </div>

    </div>
</div>
</div>

    <script type="text/javascript">
        $(document).on('click', '#delete', function () {
        $('#confirm-delete').modal('show');});
    </script>
    <script src="<?php echo base_url(); ?>assets/js/jquery.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js" type="text/javascript"></script>
</body>


像这样修复代码
<script src="<?php echo base_url(); ?>assets/js/jquery.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).on('click', '#delete', function () {
        $('#confirm-delete').modal('show');});
</script>

您需要按顺序添加脚本
    <script src="<?php echo base_url(); ?>assets/js/jquery.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).on('click', '#delete', function () {
        $('#confirm-delete').modal('show');});
    </script>

谢谢。它对我有用！！！