Question

我正在实施分页，点击后我将样式从列表视图更改为网格，但是当我单击下一页按钮或链接时，它实际上将我重新定向回到再次列表视图按钮

$pagination.= "<li><a href='{$url}page={$counter}'>{$counter}</a></li>";

现在我想保持我的风格一样，如果我点击网格，所以在下一页点击它仍然是一个网格不转向列表再次页面加载获取新记录它改变我的风格

   $(document).ready(function () {    
  var elem=$('#container ul');      
    $('#viewcontrols a').on('click',function(e) {
    if ($(this).hasClass('gridview')) {
        elem.fadeOut(1000, function () {
            $('#container ul').removeClass('list').addClass('grid');
            $('#viewcontrols').removeClass('view-controls-list').addClass('view-controls-grid');
            //$('#viewcontrols .gridview').addClass('active');
            $('#viewcontrols .listview').removeClass('active');
            elem.fadeIn(1000);
        });                     
    }
    else if($(this).hasClass('listview')) {
        elem.fadeOut(1000, function () {
            $('#container ul').removeClass('grid').addClass('list');
            $('#viewcontrols').removeClass('view-controls-grid').addClass('view-controls-list');
            $('#viewcontrols .gridview').removeClass('active');
            //$('#viewcontrols .listview').addClass('active');
            elem.fadeIn(1000);
            });                                 
        }
    });
  });
  </script>

所以有没有为什么我宣布这样一个变量，甚至在页面加载和管理风格或如何做到这一点时都不会破坏？

 var elem=$('#container ul');

Answer 1

您可以在localStorage中保存所选的样式。在页面加载时，您可以再次从localStorage加载样式。

Answer 2

类似的东西：

<li id="pagination_link"><a href= . . . ></li>

然后在JS中，像这样：

$('#pagination_link').on('click', 'a href', function(e){
  e.preventDefault();
});

或者如果我没记错的话：

$('#pagination_link').on('click', 'a href', function(e){
  return false;
});

应该停止链接重定向。您只需要覆盖href的默认行为。

如何在服务器端调用分页停止页面重新加载？php

2 个答案: