javascript - 将 WordPress 帖子 ID 传递到另一个页面

Question

嘿，我要解释一下我要找这段代码做什么。希望比我聪明的人可以帮助清理并将其组装起来。

我一般想要完成的任务:

我在 WordPress 页面上有一个图像，当单击它时，它将在该页面上的 div 中打开一个自定义 php 文件，该文件根据帖子 ID 显示特定的 WordPress 帖子。

尝试让脚本正常工作，但有些东西我不确定如何正确组合在一起。

这就是我现在拥有的:

图像链接本质上是传递我想要在 div 中加载的帖子的 URL。因此，我需要的第一件事是获取帖子 url 并获取帖子 ID 的脚本，以便自定义页面可以使用它。

第一行从图像链接获取链接。第二行将从 URL 获取帖子 ID。不确定这是否100%正确。不确定变量是否会像这样工作？如果我手动输入网址，它会在页面上运行。

var post_link = $(this).attr("href");
$post_id = url_to_postid($post_link);

这就是我对整个事情的看法:(不起作用，只是我想要完成的事情的一个例子)

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
    $.ajaxSetup({cache:false});
    $("a.ajax").click(function(){
        var post_link = $(this).attr("href");
        $post_id = url_to_postid($post_link);
        $("#tabs").html("loading...");
        $("#tabs").load(custom-page.php);
        return false;
    });
});

</script>

我不确定传递 id 变量的最佳方法，以便自定义 php 页面可以使用它来加载 div 中的帖子。该部分缺失。

Answer 1

我通过反复试验找到了如何实现这一目标。如果有人发现这个并需要它，就在这里。

图片链接:

-class 告诉脚本这是链接。您将放置 href 的 post slug。

<a href="SlugOfPostGoesHere" class="ajax" </a>

同一页面上的 div，该 div 将从脚本加载自定义 php 页面:

<div id="tabs">

</div>

标题中的脚本:

-从 href 中提取 slug 并创建变量。(在本例中为 postslug)

-加载时在 div #tabs 中加载“正在加载...”。

-在同一页面上的 div #tabs 中加载自定义 php 页面，并将变量附加到 url。(您不会在浏览器中看到此内容)

-滚动到页面顶部。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
    $.ajaxSetup({cache:false});
    $("a.ajax").click(function(){
        var postslug = $(this).attr("href")
        $("#tabs").html("loading...");
        $("#tabs").load("../custom-page.php?slugid=" + postslug);
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
});
</script>

然后在您的自定义 PHP 页面上您需要放置:

<?php require( "wp-load.php" ); ?> 

(或者该 WordPress 页面的任何路径，以便您可以使用 wp 函数)

此代码还可以从您在 URL 中传递的 slug 中获取帖子的 ID:

-第一行从 url 中的变量 slugid 获取 post slug 并将其设置为变量 $slug。

-第二行从 slug 创建完整的 URL。

-第三行为您提供来自网址的帖子 ID。

<?php
$slug = $_GET['slugid'];
$url = ("http://www.yourwebsite.com/" .$slug);
$postid = url_to_postid($url);
?> 

现在您可以编写页面代码以使用帖子 ID 加载您想要的内容。