1

このjsonが完全に完了してロードされたらすぐに関数を実行する方法を見つけようとしています。私が直面している問題は、リンクがアンカーより先に読み込まれることです。したがって、すべてが読み込まれたように見えますが、リンクをクリックすると、リンクされたアンカーがまだ読み込まれているため、クリックしてから 3 ～ 6 秒後まで何も読み込まれません。この関数がいつ実行され、コンテンツが完全に読み込まれたかを明確に伝える方法が欲しいです。どうすればそれを実行できるか知っている人はいますか？

私はJqueryのサイトを見て、うまくいくかもしれないものを見つけましたが、それをプラグインする方法がわかりません:

.complete(function() { alert("complete"); });

これは正しいパスですか?もしそうなら、どうすれば以下のコードで動作させることができますか:

<script>
        // ---------- AJAX JSON CALL ----------------
        $('.loading-wrapper').append('<div class="loading">Your page is loading…&lt;/div>');

        $.ajax({        
            url: "http://www.lcbcchurch.com/mobileJSON/gatherings",
            dataType: "json",
            success:function(data){
                eventResults(data);
            }

        });

        function eventResults(data) {
            for(var i = 0; i<data.length;i++){
            $("ul#"+data[i]["categories"][0]["category_id"]+"").append("<li><a id='video-"+data[i]["url_title"]+"' class='video-link' href='JavaScript:void(0);' >"+data[i]["title"]+"</a><div id='video-"+data[i]["url_title"]+"' class='video-thumb'>"+data[i]["embed-video"]+"</div></li>"); 
                if($("div.gathering").find("#"+data[i]["categories"][0]["category_id"]+"").length == 0){
                        $("body").prepend("<div id='"+data[i]["categories"][0]["category_id"]+"div' class='event-detail' data-role='page'><div id='back"+data[i]["url_title"]+"' class='back-header' data-role='header'><a href='series.html' data-icon='delete' iconpos='notext' id='close'>Cancel</a><h1></h1></div><img src='"+data[i]["categories"][0]["series-small-image"]+"'/><div class='campus-page'>"+data[i]["categories"][0]["category_description"]+"<ul id='"+data[i]["categories"][0]["category_id"]+"'></ul></div></div>");
                        $(".gathering").append("<a href='#"+data[i]["categories"][0]["category_id"]+"div' class='cat-link' id='"+data[i]["categories"][0]["category_id"]+"' rel='external' onClick='picsHide();'><img src='"+data[i]["categories"][0]["series-small-image"]+"' width='156' height='74'/></a>");
                }
        }
        $('.loading-wrapper').empty();
        $('.inline-scripts').append("<script src='scripts/inline.js'><\/script>");

        if($("div.gathering").find("#"+data[i]["categories"][0]["category_id"]+"").length == 0){

        // Call the pics ready function     
        }
    </script>
  • IOS Phonegap アプリ
  • Jクエリ1.7.1
  • Jquery モバイル 1.1
4

0 に答える 0