Jquery模式不工作第二次

我正在開發一個使用codeigniter的應用程序。在這個應用程序有一個問題，模態窗口不是第二次打開。Jquery模式不工作第二次

詳細說明。

我有窗體（視圖），其中包含兩個選擇框和搜索按鈕。用戶將選擇選項，然後點擊搜索按鈕它將顯示分頁結果。我正在使用ajax來獲得結果。分頁也基於ajax。在此表上，用戶可以編輯或更新任何記錄。問題來了。我在模態窗口中顯示更新表單。在那個模式窗口中，我必須做一些jQuery驗證。爲此我包括jquery庫。那一刻，當我打的第一次編輯按鈕，模態窗口顯示和第二次。如果我刪除從模態窗口，然後它工作正常jQuery庫它拋出一個錯誤

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

。

我使用這裏面的代碼是

我的第一個觀點

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

來源

2013-10-08 Anish

爲什麼在同一頁面上加載兩個不同的jQuery實例？ – Vishal

@Vishal對不起，我是jquery的新手。請告訴我你正在談論哪兩個實例。 – Anish

'<腳本類型= 「文本/ JavaScript的」 SRC = 「 JS/jquery.min.js？」>'' <腳本類型= 「文本/ JavaScript的」 SRC =「HTTP： //code.jquery.com/jquery-1.7.2.min.js「>' - 我想都會將jQuery加載到您的網站中。嘗試刪除其中的一個。 – Vishal

我看到錯位的牙套，不知道是一個小問題，如果它可以導致此問題：您需要更換：

 });    
     } 
    }); 
    });

有：

 }); 
    }); 
});

在腳本的結尾。

來源

2013-10-08 05:00:48 Vishal

謝謝，這是錯誤的時候，我把代碼複製到這裏。 – Anish

Jquery模式不工作第二次

回答

相關問題