2012-12-08 46 views
1

我很厌倦了这一点,我发现这个无解,直到now.here是我的代码负载内容时滚动到达底部

$("#submit").click(function(e){ 
    e.preventDefault() 
    var loading = "<img src='/zojfa/images/loading.gif' alt='Loading...' />"; 
    var scrolltop=$('#scrollbox').attr('scrollTop'); 
    var scrollheight=$('#scrollbox').attr('scrollHeight'); 
    var windowheight=$('#scrollbox').attr('clientHeight'); 
    var post = $(this).attr("name") + "=" + $(this).val(); 
    var form_data = $('#search_form').serialize() + "&" + post; 

    var scrolloffset=20; 
    $('#search').html(loading); 
    $.post("dosearch.php",form_data,function(newitems) { 
     $('#content').append(newitems); 
      }); 
    $('#scrollbox').scroll(function(){ 
    if(scrolltop>=(scrollheight-(windowheight+scrolloffset))){ 
     form_data = form_data + "&size=" + $("#content > div").size(); 
    setTimeout($.post("dosearch.php",form_data,function(newitems) { 
     $('#content').append(newitems); 
      }),5000); 
    } 
    });  
     }); 

}); 

当我发布表单数据这种形式的数据序列( )并发送到dosearch.php。

功能很好,当我点击提交按钮功能将执行,并给我这个脚本的第11行的结果集。

的话,我会听滚动事件,当滚动事件会发生,我会算div的我的内容DIV中知道有多少格我已经加载到现在为止,并发送该号码dosearch获得更多的结果

从表中选择某些someid =一些另一个id LIMIT $号(我从计数div获得..是否有另一种解决方案?可能为div设置id?是否我使用足够好的解决方案?),6

现在我的问题在哪里检查发布的数据由萤火虫

当我到达这个div的底部很多ajax reque ST火up.and显示了这样的不同势值许多贴出的大小萤火控制台

size=6 
size=12 
size=12 

我想过的setTimeout也许解决我的剧本,但获得这个没有成功。

我感谢您的帮助。

回答

1

此链接可以帮助您获得结果。 Click here for demo

This is how will work

+0

我用这个例子来达到这一情况......我应该怎么弄在这个例子中的表单数据?我应该如何使用$(“#提交”)。点击(函数(E){ – HiDd3N

相关问题