1

以前我从这里使用 JQuery 库 http://jquery.com/download/

http://code.jquery.com/jquery-migrate-1.2.1.min.js

我尝试包含以下代码，它运行良好。

Javascript

   $(document).ready(function(){
                function loading_show(){
                    $('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
                }
                function loading_hide(){
                    $('#loading').fadeOut('fast');
                }                
                function loadData(page){
                    loading_show();                    
                    $.ajax
                    ({
                        type: "POST",
                        url: "listcontact.php",
                        data: "page="+page,
                        success: function(msg)
                        {
                            $("#con").ajaxComplete(function(event, request, settings)
                            {
                                loading_hide();
                                $("#con").html(msg);
                            });
                        }
                    });
                }
                loadData(1);  // For first time page load default results
                $('#con .pagination li.active').live('click',function(){
                    var page = $(this).attr('p');
                    loadData(page);

                });           
                $('#go_btn').live('click',function(){
                    var page = parseInt($('.goto').val());
                    var no_of_pages = parseInt($('.total').attr('a'));
                    if(page != 0 && page <= no_of_pages){
                        loadData(page);
                    }else{
                        alert('Enter a PAGE between 1 and '+no_of_pages);
                        $('.goto').val("").focus();
                        return false;
                    }

                });
            });

HTML

  <div id="con">
            <div class="data"></div>
            <div class="pagination"></div>
        </div>

然后我尝试使用来自 Google 的 JQuery js，而不是来自 JQuery.com https://developers.google.com/speed/libraries/devguide#jquery

ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js

Tab 菜单仍然可以工作，但是我无法从 listcontact.php 获取任何数据

如何使它在 Google JQuery 中工作？

这是我所有的脚本标签

  <script src="jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

这是我的标签菜单

      <nav>

          <div id="tabs">

           <ul>
             <li><b><a href="#tabs-1">More Details</a></b></li>
              <li><b><a href="#tabs-2">Contact</a></b></li>
              <li><b><a href="#tabs-3">Files</a></b></li>
              <li><b><a href="#tabs-4">Sales pipeLine</a></b></li>
              <li><b><a href="#tabs-5">Call report</a></b></li>
          </ul>

                   <div id="tabs-1">
            <?php //include('viewdetail.php') ;?>     

          </div>
            <div id="tabs-2">
 <?php 
 if( $view == 0)
 {
include('contact.php');
 }
 else
 {
  include('newcontact.php') ;
 }

  ?>
        </div>
            <div id="tabs-3">
 <?php //include('filemanagement.php') ;?>
  </div>
         <div id="tabs-4">

         Under Development

  </div>
            <div id="tabs-5">
           <?php //include('callReport.php') ;?>   


  </div>

  </div>
</nav>

代码在我的联系页面中，当我尝试将其包含在我的选项卡中时

4

4 回答 4

1

你在本地开发吗？还是远程？

如果您是本地人....您通常必须将 http:// 附加到 google apis

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

如果不是那么只是......

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

应该管用...

这也应该被替换......从.live()到.on()因为 .live() 现在已弃用

 $('body').on('click','#go_btn', function(){
                var page = parseInt($('.goto').val());
                var no_of_pages = parseInt($('.total').attr('a'));
                if(page != 0 && page <= no_of_pages){
                    loadData(page);
                }else{

编辑/更新

你发了这个...

 <script src="jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

改成这个...

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

jquery需要在jquery-ui之上，因为ui对jquery有依赖，可以去掉v1.9两次加载jquery没有意义

编辑 3

我会改变这个......你不需要那个 ajaxComplete 调用，因为成功函数正在这样做......

                $.ajax
                ({
                    type: "POST",
                    url: "listcontact.php",
                    data: {page: page},
                    success: function(msg)
                    {
                            loading_hide();
                            $("#con").html(msg);

                    }
                });

你确保改变你的 live() 的???

你有两个，另一个应该是这样的......

$('body').on('click','#con .pagination li.active' function(){
                var page = $(this).attr('p');
                loadData(page);
            });
于 2013-06-18T01:42:25.930 回答
0

我有类似问题的经验，它可能会处理已弃用的功能！检查每个功能，以便更正不推荐使用的方法:) 希望这可以帮助您找到正确的地方:) deprecated-ajax-or-jquery-command-cause-no-result-returned 享受！

于 2013-06-19T13:54:43.930 回答
0

看起来live可能不适用于最新版本

代替

.live('click'

和

.on('click'

如果页面上有任何动态添加的元素，请使用此语法替换您的事件

$(staticContainer).on('click', 'selector'  function(){

其中staticContainer是元素最近的静态祖先。

选择器是要附加事件的元素。

于 2013-06-18T01:42:14.127 回答
0

尝试从 google 包含相同版本的 JQuery：

来自 google 的 JQuery 版本数应与来自 Jquery 网站的 JQuery 版本数相等

但是如果你想使用最新版本，有一些变化，你应该在你的代码中修改一些东西，请参阅日志控制台以获取有关问题的更多信息，并在此处查看 JQuery 的文档

于 2013-06-18T01:46:40.607 回答