0

我正在使用 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 库。

4

1 回答 1

0

我看到错位大括号的小问题，不确定是否会导致此问题：您需要更换：

        });             
        }
    });
  });

和 ：

        });
    });
});

在脚本的末尾。

于 2013-10-08T05:00:48.163 回答