Question

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

我已经分享了my code sample on JSBin（see source）。此示例是Stephen Walther's Templates plugin example＆amp;的适应性。一个Pagination 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();

 });

问题是：

记录显示在Firefox和＆amp ;; IE8仅在存在上述代码中的警报时才会出现。警报可能会引入延迟。如何修复代码以使其在没有该警报的情况下工作？
即使出现警报，样本也无法在Chrome，Safari和歌剧。如何使解决方案跨浏览器？

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

Answer 1

我认为您需要将initPagination（）函数调用移动到getjson函数的回调函数中，该函数位于将模板附加到dom的下方。

使用jQuery Templates插件显示动态生成的记录与客户端分页的问题＆amp;分页插件

1 个答案: