PHP从外部锚点到内部锚点


PHP from external anchor to internal

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

部分代码是这样的:

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>';

所以它是内在的。

简单回答:这不能单独在PHP中完成。您将需要向获取数据的PHP脚本发送AJAX请求。

基本上,这将涉及创建一些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。请尊重后退按钮。

不重新加载页面:

<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>