javascript - Jqueryモーダルが2度目に機能しない

Question

codeigniter を使用して 1 つのアプリケーションを開発しています。このアプリケーションでは、モーダル ウィンドウが 2 回目に開かないという問題が発生しました。

詳細に 。

2 つの選択ボックスと検索ボタンを含むフォーム (ビュー) があります。ユーザーはオプションを選択し、検索ボタンをクリックすると、ページ分割された結果が表示されます。結果を得るためにajaxを使用しています。ページネーションもajaxに基づいています。このテーブルの結果ユーザーは、任意のレコードを編集または更新できます。ここで問題が発生します。モーダル ウィンドウ内に更新フォームを表示しています。そのモーダル ウィンドウ内で、いくつかの jquery 検証を行う必要があります。そのために、jquery ライブラリを含めています。初めて編集ボタンを押した瞬間、モーダルウィンドウが表示され、2回目にエラーがスローされます

Uncaught TypeError: Object [object Object] has no method 'modal' 

モーダル ウィンドウから jquery ライブラリを削除すると、正常に動作します。

私がこれで使用しているコードは

私の最初のビュー

 <script src="<?php print base_url()?>js/dboard.js" type="text/javascript"></script>       
 <script type="text/javascript" src="<?php print base_url()?>js/jquery.min.js"></script>
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

 <script type="text/javascript">
    $(document).ready(function(){               
       $('#view_all').bind("click",function(e){
            var pubid = $('#pub').val();            
            var magid = $('#mag').val();
            var limit = 0; 
            $.post('../user/ajax_view_all',{p_id:pubid,m_id:magid,l:limit},function (data){     
        $('#result_table').html(data);
            });
            //Load pagination on ajax click
            $(document).on("click",".pagination a",function(event){
              var url = $(this).attr("href"); 
              var limit = url.substring(url.lastIndexOf('/') + 1);
              jQuery('.pagination a').removeClass('active');                    
                    $.post($(this).attr('href'),{p_id:pubid,m_id:magid,l:limit},function (data){                                            
                $('#result_table').html(data);
            });                         
             return false; 
            });

                //Open update form in modal window
            $(document).on("click",".btn-setting",function(e){
             edit_id = 2;
             $("div[id='myModal']").modal();
             $.post('../user/update_publishing_modal',{ed_id:edit_id},function(data){
              $('.modal-body').html(data);
            });
            e.preventDefault();
            return false;
            });             

        });
      });        
    </script>

同じページ内のモーダル フォーム。

<div class="modal hide fade" id="myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Update Schedule</h3>
  </div>
  <div class="modal-body"></div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
 </div>
</div>

これの何が問題なのか教えてください。モーダル ウィンドウ内に jquery ライブラリを含めるにはどうすればよいですか。