Question

我在我的在线作品集中添加了JQuery Pagination。这是链接：

它似乎在Chrome和Firefox中运行良好，但只有第一项在IE中加载。

有人可以看看吗？

感谢。

修改的

这是代码JQuery代码：

    <script type="text/javascript" charset="utf-8">
            var pagination_options = {
              //num_edge_entries: 5,
              //num_display_entries: 5,
              callback: pageselectCallback,
              items_per_page:5
            }

            function pageselectCallback(page_index, jq){
              var items_per_page = pagination_options.items_per_page;
              var offset = page_index * items_per_page;
              var new_content = $('#hiddenresult div.post').slice(offset, offset + items_per_page).clone();
              $('#Searchresult').empty().append(new_content);
              return false;
            }

            /**
             * Initialisation function for pagination
             */
            function initPagination() {
              var num_entries = $('#hiddenresult div.post').length;
              // Create pagination element
              $("#Pagination").pagination(num_entries, pagination_options);
            }

            // When document is ready, initialize pagination
            $(document).ready(function(){
              initPagination();
            });
    </script>

Answer 1

所以，我想我已经明白了。看来我的HTML错了。应该是：

<div id="hiddenresult" style="display:none;"> 
  <div class="post">Text</div>
  <div class="post">Text</div>
  <div class="post">Text</div>
</div>

与此相反：

<div id="hiddenresult" style="display:none;"> 
  <div class="post">Text</div>
</div>
<div id="hiddenresult" style="display:none;"> 
  <div class="post">Text</div>
</div>
<div id="hiddenresult" style="display:none;"> 
  <div class="post">Text</div>
</div>

无论哪种方式，似乎JQuery Pagination插件文档都不能正常工作。这篇文章中的JQuery代码似乎现在适用于所有浏览器。这是另一篇谈论它的帖子：

jQuery Pagination Plugin

有人可以帮我查看IE 8/9吗？我真的很感激。

joshrachner.com/experience

分页在IE中无法正常工作（仅加载第一项）

1 个答案: