jQuery模式第二次不工作

Question

我正在使用codeigniter開發一個應用程序。 在此應用程序中出現了一個問題，即模態窗口沒有第二次打開。

詳細 。

我有form（view），其中包含兩個選擇框和搜索按鈕。 用戶將選擇選項，然后單擊搜索按鈕，將顯示分頁結果。 我正在使用ajax獲得結果。 分頁也基於ajax。 用戶可以在此表結果上編輯或更新任何記錄。 問題來了。 我在模態窗口中顯示更新表單。 在該模式窗口內，我必須執行一些jquery驗證。 為此，我包括jQuery庫。 當我第一次點擊編輯按鈕時，模態窗口正在顯示，而第二次則拋出錯誤

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

Answer 1

我看到一個大括號放置不當的問題，不確定是否會導致此問題：您需要更換：

        });             
        }
    });
  });  

與：

        });
    });
});

在腳本末尾。