如何在分页期间链接回特定的jquery ui选项卡

How to link back to specific jquery-ui tabs during the pagination

本文关键字：jquery ui 选项 分页 链接      更新时间：2023-09-26

我是PHP和jquery ui的新手，

我在php项目中遇到了一个问题，我在jquery ui选项卡中进行分页，但当点击下一页或页码时，页面会刷新并显示第一个选项卡，而分页表在第二个选项卡中。以下是我的分页代码。

 <?php
       $range = 3;
       if ($currentpage > 1) {
          echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=1'><<</a> ";
          $prevpage = $currentpage - 1;
          echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$prevpage'><</a> ";
       } 
       for ($x = ($currentpage - $range); $x < (($currentpage + $range) + 1); $x++) {
           if (($x > 0) && ($x <= $totalpages)) {
                if ($x == $currentpage) {
                    echo " [<b>$x</b>] ";
                } else {
                echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$x'>$x</a> ";
                } 
            } 
       }       
       if ($currentpage != $totalpages) {
          $nextpage = $currentpage + 1;
          echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$nextpage'>></a> ";
          echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$totalpages'>>></a> ";
        }
  ?>

我曾试图用#usersTab2（我想使用的选项卡）替换$_SERVER['PHP_SELF']，但它不起作用。我使用php$_GET方法来获取当前页面数据。分页效果很好，只是我无法链接回我想要的特定选项卡。。。

希望能重赛，非常感谢您的帮助ps：我为我的英语感到抱歉。。。

向所有选项卡添加一个id；

当加载这个页面时，创建一个规则从url中获取hash中的值，并在js中触发一个点击事件。

示例：

url = test.com/#tab2

当页面准备就绪时，获取hash和fire事件中的值：

var div = get the value in hash url;
$("#"+div).click();

您需要使用JavaScript来定位和加载页面。通过使用HTML链接，浏览器将刷新页面。我建议使用jQuery load()函数。

示例：<a href='javascript:void()' class='nextpage'>&raquo;</a>

然后在脚本中：$('.nextpage').click(function() { $('#page').load('loader.php?page=number'); });

相关文章：