Question

我是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：我很喜欢我的英语...

Answer 1

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

实施例： <a href='javascript:void()' class='nextpage'>»</a>

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

Answer 2

为所有标签添加ID;

加载此页面时，创建一个规则以从url获取哈希值并在js中触发click事件。

示例：

url = test.com/#tab2

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

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

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

2 个答案: