javascript - 使用 jQuery 模板插件和分页插件通过客户端分页显示动态生成的记录时出现问题

Question

对于使用客户端分页显示动态生成的记录的自定义要求，我使用 Microsoft's jQuery Templates plugin以及G Birke's jQuery Pagination plugin 。我本来可以只使用分页插件来管理，但现在肯定需要模板插件来保存涉及生成格式化记录的服务器端处理。

我已经分享了my code sample on JSBin (see source)。此示例改编自 Stephen Walther's Templates plugin example &aPagination plugin example通过 StackOverflow member brianpeiris

$("#flickr").live("click", function() {
    var url = "http://api.flickr.com/services/feeds/groups_pool.gne?id=44124373027@N01&lang=en-us&format=json&jsoncallback=?";
        // Grab some flickr images of cats
        $.getJSON(url, function (data) {
            // Format the data using the catTemplate template
            $("#catTemplate").tmpl(data.items).appendTo("#hiddenresult");
        });
    alert("Total flickr records fetched =" + $('#hiddenresult div.result').length);
    initPagination();

 });

问题是:

1. 仅当上述代码中的警报存在时，记录才会在 Firefox 和 IE8 中显示分页。该警报可能会导致延迟。如何修复代码，使其在没有警报的情况下正常工作？
2. 即使存在警报，该示例也无法在 Chrome、Safari 和 Opera 中运行。如何使解决方案跨浏览器？

如果有人能帮助我解决这些问题，我将不胜感激

Answer 1

我认为您需要将 initPagination() 函数调用移动到将模板附加到 dom 的正下方的 getjson 函数的回调函数中。