html重定向后调用JQuery .load

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>

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

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

我考虑过打电话

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

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

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

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

Answer 1

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

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

index.php?page=edit-plein

然后使用PHP获取该变量，并创建对页面加载器的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");
});

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