Question

我正试图弄清楚如果这个json完全完成并加载后我怎么能运行一个函数。我遇到的问题是我的链接在我的锚点之前加载。因此看起来所有内容都已加载但是当您单击链接时，在您单击后3-6秒内没有任何内容加载，因为它仍在加载链接的锚点。我想要一种明确告诉这个功能何时运行并且内容满载的方法。有谁知道我会怎么做？

我查看了Jquery的网站，找到了可能有效的内容，但我不确定如何将其插入：

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

这是正确的路径，如果是这样的话，我怎样才能使用下面的代码：

<script>
        // ---------- AJAX JSON CALL ----------------
        $('.loading-wrapper').append('<div class="loading">Your page is loading…</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 app
JQUERY 1.7.1
Jquery-Mobile 1.1

Json On Complete Run Function

0 个答案: