Question

我已将我的项目修改为单页网站类型。

部分代码是：

for ($i = 1; $i <= $total_pages; $i++)
{                                    
    echo '<a href="view.php?page='.$i.'" data-role="button">'.$i.'</a>';

}

我需要上面的代码才能使用内部链接，例如：

从这里开始：

echo '<a href="view.php?page='.$i.'" data-role="button">'.$i.'</a>';

要

echo '<a href="#my-anchor?page='.$i.'" data-role="button">'.$i.'</a>';

以下是完整的源代码：

$per_page = 6;
$result = mysql_query("SELECT * FROM mytable ORDER BY date DESC");
$total_results = mysql_num_rows($result);
$total_pages = ceil($total_results / $per_page);

if (isset($_GET['page']) && is_numeric($_GET['page']))
{
   $show_page = $_GET['page'];    
   if ($show_page > 0 && $show_page <= $total_pages)
   {
        $start = ($show_page -1) * $per_page;
        $end = $start + $per_page;
   }
   else
   {
        // error - show first set of results
        $start = 0;
        $end = $per_page;
   }                  
}
else
{
   // if page isn't set, show first set of results
      $start = 0;
      $end = $per_page;
}

// display pagination    
echo '<strong>View Page:</strong> ';
echo '<div data-role="controlgroup" data-type="horizontal">';
for ($i = 1; $i <= $total_pages; $i++)
{          
     echo '<a href="view.php?page='.$i.'" data-role="button">'.$i.'</a>';
     //echo '<a href="#view-pag-events" data-role="button">'.$i.'</a>';                
}    
echo '</div>';

我需要改变这个：

echo '<a href="view.php?page='.$i.'" data-role="button">'.$i.'</a>';

所以这是内部的。

Answer 1

无需重新加载页面：

<a href="#my-anchor">foo</a>

如果修改链接中的查询字符串，页面将重新加载并跳转到锚点：

<a href="?foo=bar#my-anchor">foo</a>

或者使用JQuery：

<script type="text/javascript">
$(document).ready(function(){
   window.location.hash = 'my-anchor';
});
</script>

Answer 2

简短回答：单靠PHP无法做到这一点。您需要将AJAX请求发送到抓取数据的PHP脚本。

基本上，这将涉及创建一些javascript来监听对哈希的任何更改（这是＃之后的部分）;

(function(window) {
    var hash = window.location.hash;
    setTimeout(function() {
        if(window.location.hash !== hash) {
            hash = window.location.hash;
            //Grab and update page with ajax...
        }
        setTimeout(arguments.callee, 50);
    }, 50);
})(window);

对于AJAX基础知识，请检查W3Schools。请，请respect the back button。

PHP从外部锚到内部

2 个答案: