Javascript 将Wordpress帖子ID传递到另一页

嘿，我来解释一下我想让这段代码做什么。希望有比我更聪明的人能帮我清理并把它组装起来

总的来说，我想要完成的是：

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

试图让脚本正常工作，但有些事情我不确定如何正确组合

这就是我现在拥有的：

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

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

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

这就是我对整个事情的看法：（不起作用，只是我试图完成的一个例子）

jQuery.noConflict（）；
jQuery（文档）.ready（函数（$）{
$.ajaxSetup（{cache:false}）；
$（“a.ajax”）。单击（函数（）{
var post_link=$（this.attr（“href”）；
$post\u id=url\u to\u posted（$post\u link）；
$（“#制表符”）.html（“加载…”）；
$（“#tabs”）.load（custom page.php）；
返回false；
});
});

---

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

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

图片链接：

-类告诉脚本这是链接。您将为href添加一段post

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

---

我只是将post ID放入一个会话变量中，并将其回显到该页面
<a href="SlugOfPostGoesHere" class="ajax" </a>

<div id="tabs">

</div>

<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 require( "wp-load.php" ); ?> 

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