2011-04-18 24 views
2

我在我的在线投资组合中添加了JQuery分页。这里是链接:分页在IE中无法正常工作(仅加载第一项)

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> 
+0

我在IE 8中看不到问题。所有三个页面都很好地与每个页面上的所有项目一起出现。 – 2011-04-18 19:36:05

+0

它不在IE7中工作。在IE8/9中工作正常。你能提供一些代码,你在做什么? – 2011-04-18 19:38:23

+0

我正在使用slice()方法的作品是我从网上抓取的。分页似乎不起作用,所以我使用了别人的代码。也许这就是破坏?看起来好像变量'new_content'没有被所有元素填充。 – Josh 2011-04-18 19:46:06

回答

0

所以,我想我想通了。看来我的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