Question

我正在使用codeigniter开发一个应用程序。在这个应用程序中遇到了模态窗口没有第二次打开的问题。

详细说明。

我有表格（视图），其中包含两个选择框和搜索按钮。用户将选择选项，然后单击搜索按钮，它将显示分页结果。我正在使用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

我看到一个小问题，错误的括号，不确定是否会导致此问题：您需要替换：

        });             
        }
    });
  });

with：

        });
    });
});

在剧本的最后。

Jquery模态第二次不工作

1 个答案: