大家帮忙看看js拉动加载内容的问题

yamin_Crais 2013-01-28 02:46:48
这是js代码:
<script type="text/javascript">
$(function () {
$("#div1").html(cutString($("#indent").html(),880));//截取字符多少
var i = 4;$(window).bind("scroll", function (event)
{
//滚动条到网页头部的 高度,兼容ie,ff,chrome
var top = document.documentElement.scrollTop + document.body.scrollTop;
//网页的高度
var textheight = $(document).height();
// 网页高度-top-当前窗口高度
if (textheight - top - $(window).height() <= 100) {
if (i >= 5) {
return;
//控制最大只能加载到100
}else{
$("#div1").html("");
$('<div>' + cutString($("#indent").html(),1000) + '</div>').appendTo($('#div1'));
}
$('#div1').css("height", $(document).height() + 1);i++;
//可以根据实际情况,获取动态数据加载 到 div1中
}
});
})
function cutString(str, len) {
//length属性读出来的汉字长度为1
if(str.length*2 <= len) {
return str;
}
var strlen = 0;
var s = "";
for(var i = 0;i < str.length; i++) {
s = s + str.charAt(i);
if (str.charCodeAt(i) > 128) {
strlen = strlen + 2;
if(strlen >= len){
return s.substring(0,s.length-1) + "...";
}
} else {
strlen = strlen + 1;
if(strlen >= len){
return s.substring(0,s.length-2) + "...";
}
}
}
return s;
}
</script>

这是php获取内容代码:
<div id="div1"></div>
<div id="indent" style="display:none"><?php echo $row[content]?></div>
我要实现的是页面显示一定内容 超过限制字符长度后就加载显示,我的<?php echo $row[content]?>内容是图片和文字,现在后面内容显示不出来,请各位看看是哪问题
...全文
48 回复 点赞 打赏 收藏 举报
写回复
回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
相关推荐
发帖
JavaScript
加入

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2013-01-28 02:46
社区公告
暂无公告