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>

そして、JQuery.com https://developers.google.com/speed/libraries/devguide#jqueryの代わりに Google の JQuery js を使用しようとしました

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

タブ メニューは引き続き機能しますが、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 API にアタッチする必要があります

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

UIはJqueryに依存しているため、jqueryはjquery-uiの上にある必要があり、v1.9を削除してもjqueryを2回ロードしても意味がありません

編集3

私はこれを変更します...とにかく成功関数がそれを行っているので、そのajaxComplete呼び出しは必要ありません...

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

                    }
                });

そして、両方の live() を変更したことを確認しました???

あなたは2つ持っていました、もう1つはこのように見えるはずです...

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

Google から同じバージョンの JQuery を含めてみてください:

Google からのバージョン JQuery の数は、Jquery Web サイトからのバージョン JQuery の数と同じでなければなりません

ただし、最近のバージョンを使用したい場合は、いくつかの変更があり、コードを変更する必要があります。問題の詳細については、ログ コンソールを参照し、JQuery のドキュメントを確認してください。

于 2013-06-18T01:46:40.607 に答える
0

live最新バージョンでは動作しない可能性があるようです

交換

.live('click'

と

.on('click'

ページに動的に追加された要素がある場合は、イベントをこの構文に置き換えます

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

staticContainerは、要素の最も近い静的な祖先です。

selectorは、イベントをアタッチする要素です。

于 2013-06-18T01:42:14.127 に答える