我有个问题。希望我能解释一下我在这里想做什么。
我已经创建了一个自定义的帖子类型“Feeds”,并在该CP中发布了10个帖子类型。
现在,通常情况下,我只需在CP中循环,并在页面加载时在页面上显示它们,然后在DOM中显示它们。
PHP通常会在加载页面时输出所有内容。
我想做的是,我创建了一个页面,显示所有自定义帖子类型的帖子。
但当我点击一篇帖子时,我想打开一个模式,它是我用HTML、CSS和Javascript创建的,可以静态工作。
我只需要一个模式HTML输出就可以显示特定打开的帖子类型标题、内容和特色图片,只需使用JS进行请求/单击即可。
我不想为每种帖子类型加载10个HTML模式DIv,而是只在需要时根据请求加载它们。
有没有人知道,或者可以给我一个简单的例子,说明我如何使用Javascript或Ajax实现这一点?
提前谢谢。
SO网友:Valik Rudd
我认为您应该能够做到这一点:
HTML:
<a class="view_post_details" href="#" post_id="<?php the_ID(); ?>">View Post Details</a>
JS公司:
$(".view_post_detals").click(function () {
var id_post = $(this).attr(\'post_id\');
$.ajax({
type: \'POST\',
url: \'<?php echo admin_url(\'admin-ajax.php\'); ?>\',
data: {
\'post_id\': id_post,
\'action\': \'f711_get_post_content\' //this is the name of the AJAX method called in WordPress
}, success: function (result) {
alert(result);
},
error: function () {
alert("error");
}
});
});