Question

我正在编写一个应用程序，我希望通过删除导航所需的点击量来提高用户友好性。目前页面加载如下：

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

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

Answer 1

据我所知，当您共享指向您网站上特定子页面的链接时，您想要使shure正确的内容被加载（在div中），但是只能共享index.php的链接样式。

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

index.php?page=edit-plein

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

<?php
if ( $_GET['page'] != '' ) {
    echo '<script>$(".content").load("pages/'. $_GET['page'] .'");</script>';
}
?>

Answer 2

这不是链接的好方法：

<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");
});

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

在html重定向之后调用JQuery .load

2 个答案: