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模式不工作第二次

回答

相关问题