cakephp 1.3中的jQuery分页

时间:2011-07-13 07:50:00

标签: cakephp-1.3

通过使用下面的代码,当我点击下一个时,每次页面刷新。 我想要的=>每次页面都不应刷新,只更新div。

这是我的观点

       <script type="text/javascript"> 

      $(document).ready(function() { 
        loadPiece("<?php echo $html->url(array('controller'=>'daily_videos','action'=>'pagination_viewall'));?>","#container-box"); 

        var href = <?php echo $html->url(array('controller'=>'daily_videos','action'=>'pagination_viewall'));?>;
        var divName = "container-box";
        var divPaginationLinks = "container-box #pagination a";

             $(divPaginationLinks).click(function() { 
                var thisHref = $(this).attr("href"); 
                // loadPiece(thisHref,divName);

                 $("#container-box").load(thisHref);
                return false;
             });

       }); 
</script> 

   <div id="container-box" class="clearfix">
   </div>

在我的控制器下面

var $components = array('RequestHandler'); 
var $helpers = array('Html','Form','Javascript');
var $paginate = array('limit'=>'8');
function pagination_viewall()
{
    $this->layout = NULL;
    $arrdailyvideos = $this->paginate();        
    $this->set('arrdailyvideos', $arrdailyvideos);
     if ($this->RequestHandler->isAjax()) {  
        $this->render("viewall");
        return;  
    } 

}

如果您有此任何链接,请在此处发布

1 个答案:

答案 0 :(得分:0)

我会帮助你,但你在调试你的JS代码吗?它似乎充满了错误(没有loadPiece函数,url字符串没有“”等等。)

我认为正确的方法就是如下:

$().ready(function() {
  $('#container-box #pagination a').live('click', function(e){
    // Add a class loading to the container box
    $('#container-box').addClass('loading');

    // Get the data from the link into the container box
    $('#container-box').load($(this).attr('href'), function() {
      // Remove the loading class again
      $(this).removeClass('loading');
    });

    // Stop the default action, following this link
    e.preventDefault();
  });
});