360SDN.COM

infinitescroll翻页加载在IE火狐中文乱码 谷歌显视正常(firefox乱码,chrome显示正常

来源:  2017-09-05 17:32:21    评论:0点击:

网页是GB2312编码

JS代码如下:
<script src="js/jquery.infinitescroll.min.js"></script>
<!--加载选项-->
<script language="javascript" type="text/javascript">
$(function () {

var $container = $('#container');

$container.imagesLoaded(function () {
$container.masonry({

itemSelector: '.imgbox',

columnWidth: 0
});
});

$container.infinitescroll({
navSelector: '#page-nav', // selector for the paged navigation 
nextSelector: '#page-nav a', // selector for the NEXT link (to page 2)
itemSelector: '.imgbox', // selector for all items you'll retrieve
loading: {
finishedMsg: '没有数据了.',
img: 'images/6RMhx.gif',
msgText: '给力加载中...'
}
},

function (newElements) {

var $newElems = $(newElements).css({ opacity: 0 });

$newElems.imagesLoaded(function () {

$newElems.animate({ opacity: 1 });
$container.masonry('appended', $newElems, true);
});
}
);

});
</script>



解决办法:
php header charset="gb2312"




$container.infinitescroll({
navSelector : '#inscrollNextPage', // 选择的分页导航 
nextSelector : '#inscrollNextPage a', // 选择的下一个链接到(第2页)
itemSelector : '.box', // 选择检索所有项目
errorCallback: function(){alert('为嘛出错了a');},
loading: { msgText: "加载中...",
finishedMsg: '本页内容已加载完成,更多内容请点击下一页。',
img: ''}},
function(newElements){
// 隐藏新的项目,而他们正在加载
var $newElems = $( newElements ).css({ opacity: 0 });// 确保的图像装载增加砖石布局$newElems.imagesLoaded(function(){// 元素展示准备
$newElems.animate({opacity:1});
$container.masonry( 'appended', $newElems, true ); 
$(window).unbind('.infscr'); // 没数据时,取消下拉响应的绑定});});


html 
<div id="container"> 
<div class="box">a a a a a a</div>
</div>
<div id="inscrollNextPage"><a href="1.html"></a></div>

为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权