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

【问题标题】：Pagination not working properly in IE (only loading first item)分页在 IE 中无法正常工作（仅加载第一项）
【发布时间】：2011-08-08 03:36:31
【问题描述】：

我将 JQuery 分页添加到我的在线作品集中。这是链接：

http://joshrachner.com/experience

在 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>

【问题讨论】：

我在 IE 8 中没有看到问题。所有三个页面都可以正常显示每个页面上的所有项目。
它在 IE7 中不起作用。在 IE8/9 中工作正常。你能提供一些你在做什么的代码吗？
我使用 slice() 方法的部分是我从网上抓取的。分页似乎不起作用，所以我使用了其他人的代码。也许这就是破坏？似乎变量“new_content”并没有被所有元素填充。

标签： jquery pagination

【解决方案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 分页插件文档似乎都不能正常工作。这篇文章中的 JQuery 代码现在似乎适用于所有浏览器。这是另一篇讨论它的帖子：

jQuery Pagination Plugin

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

joshrachner.com/experience

【讨论】：