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 应用程序
  • jQuery 1.7.1
  • jQuery-Mobile 1.1
4

0 回答 0