2016-04-23 149 views
-2

我想在我的页面中调用引导模型。但它会在控制台输出中引发错误,如ReferenceError:$未定义。代码如下参考: -

<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> 

回答

1

解决您这样的代码

<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> 
+0

谢谢。这个对我有用 !!! –

1

您需要添加脚本命令明智的。

<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> 

如果仍然会给这个错误使用 “jQuery的”,而不是 “$”