2011-04-18 28 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