2016-04-23 52 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

<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" を与える場合は、ありがとうございます。わたしにはできる !!! –

1

のようにコードを修正します。代わりに "$"

関連する問題