如何解决分页在IE中无法正常工作仅加载第一项
| 我将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>
解决方法
所以,我想我已经知道了。看来我的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分页插件
有人可以帮我检查IE 8/9吗?我真的很感激。
joshrachner.com/experience版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。