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

[yamin_Crais]

这是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]?>内容是图片和文字，现在后面内容显示不出来，请各位看看是哪问题