0

我正在编写一个应用程序，我想通过减少导航所需的点击量来使用户更加友好。目前页面加载如下：

<a class='pageloader' name='page1.html'>Page 1</a>

<script>
    $('.pageloader').click(function(){
        // Load the page that the user clicked on by taking the name property and appending it to includes/
        $('.content').load("pages/" + this.name);
    });
</script>

基本上，这采用点击链接的名称，并将内容 div 的内容替换为文件中与 name 属性匹配的任何内容。

现在我唯一的问题是我无法将人们重定向到使用 HTML 的页面，因为唯一具有正确样式的页面是 index.php。显然，我现在在操作完成后将人们重定向到 index.php，但我想将他们重定向到特定页面。

我想过打电话

$('.content').load('pages/edit-plein.php');

（此代码位于写入文件的 .php 脚本中）

但这只会给我一个错误，因为它找不到 .content div。

有人知道将用户重定向到我想要的页面的好方法吗？

4

2 回答 2

0

据我了解，当您共享指向您网站上特定子页面的链接时，您希望加载正确的内容（在该 div 内），但由于其样式只能共享您的 index.php 的链接。

我建议您在 URL 中添加一个变量，例如

index.php?page=edit-plein

然后使用 PHP 获取该 var 并创建对页面加载器的 JS 调用，如下所示：

<?php
if ( $_GET['page'] != '' ) {
    echo '<script>$(".content").load("pages/'. $_GET['page'] .'");</script>';
}
?>
于 2013-04-12T08:31:00.410 回答
0

这不是链接的好方法：

<a class='pageloader' name='page1.html'>Page 1</a>

也许你可以试试这个：

<a href="javascript:void(0);" class="pageloader" id="page1">Page 1</a>
<a href="javascript:void(0);" class="pageloader" id="page2">Page 2</a>

而JS必须是这样的：

$('.pageloader').click(function(){
  $('.content').load("pages/" + $(this).attr('id') + ".html");
});

我希望这能解决你的问题。

于 2013-04-12T09:40:33.893 回答