0

我使用这段代码（必须对其进行调整）在滚动时在我的页面上自动加载（想想 Twitter）新帖子。

由于当用户快速滚动时这对我的服务器来说资源很重，所以我希望在单击按钮时激活它，可以说<button id="load_more">Load more</button>

谁能帮我转换我的？我无法让它工作......（加上最终删除繁忙的指标）

这是我用于自动滚动的代码：

<?php
 $maxPage = $this->Paginator->counter('%pages%');
 ?>
 <script type="text/javascript">
 var lastX = 0;
 var currentX = 0;
 var page = 1;

 $(window).scroll(function () {
 if (page < <?php echo $maxPage;?>) {
  currentX = $(window).scrollTop();
 if (currentX - lastX > 150 * page) {
  lastX = currentX - 150;
  page++;
  $("#busy-indicator").fadeIn();
  $.get('<?php echo $this->Html->url('/users/getmore_timeline/'.$this->Session->read('Auth.User.id')); ?>/page:' + page, function(data) {
  setTimeout(function(){
  $('#postList').append(data);
  var bi =  $("#busy-indicator");
       bi.stop(true, true);
       bi.fadeOut();
  }, 500);
 });
 }
 }
 });
 </script>

编辑 ：

我试过（从记忆中）

<button onlick"LoadMore()">Load More</button>

<?php  
 $maxPage = $this->Paginator->counter('%pages%');  
 ?>  
 <script type="text/javascript">  

function LoadMore () {  
 if (page < <?php echo $maxPage;?>) {  
  page++;  
  $("#busy-indicator").fadeIn();  
  $.get('<?php echo $this->Html-  >url('/users/getmore_timeline/'.$this->Session->read('Auth.User.id')); ?>/page:' + page, function(data) {
  setTimeout(function(){  
  $('#postList').append(data);  
  var bi =  $("#busy-indicator");  
       bi.stop(true, true);  
       bi.fadeOut();
  }, 500);
 });
 }
 };
 </script>
4

1 回答 1

0

我不确定我是否在这里遗漏了什么，但如果你想要的只是一个调用函数的按钮LoadMore()：

HTML

<button id="load_more">Load more</button>

JS

$('#load_more').on('click', function() {
    Loadmore()
})

PS：关于你的<button onlick"LoadMore()">Load More</button>，你有一个错字（非常有趣的一个：D），忘记了一个等号，你应该避免使用内联事件处理程序。

于 2012-10-22T00:44:34.210 回答