将帖子类型的帖子动态添加到列表中

时间：2019-05-03 作者：AlonsoF1

所以，我手头上有一个新的客户项目。该网站用于查找和预订演讲者（动机、财务、政治等），我的客户希望这样做，以便网站访问者可以单击按钮，将演讲者添加到“我的演讲者列表”中。然后，当站点访问者查看他们所选发言人的列表时，会有一个表单（重力表单），该表单将自动填充一个主题行，其中包含他们所选发言人的姓名-可能是一个隐藏字段，而不是填充主题行。

我已经使用工具集为扬声器构建了自定义帖子类型，所以，一切都很好。

那么，我如何允许网站访问者将自定义帖子（发言人）添加到列表中（例如将产品添加到购物车），然后填写并提交一份表格，询问所选发言人的可用性？

1 个回复
SO网友:Serkan Algur

当我研究您的示例页面时，他们向服务器发送了一个类似ajax的进程，服务器返回一个js代码作为标题（我在下面添加了）。此外，您还可以使用Javascript&；这种情况下的本地存储功能。

来自其服务器的响应

$(\'.domain-session-collection-count\').html(\'1\\n\').fadeIn().show();
$("#collection_manager").html(\'<a class=\\"btn btn-success pt-1 pb-1 border mb-1 btn-block f-s-15\\" data-remote=\\"true\\" href=\\"/my_speaker_list/remove_speaker/17093\\">Added To List<\\/a>\\n\');

$(\'#collection-action-17093\').html(\'  <a data-remote=\\"true\\" href=\\"/my_speaker_list/remove_speaker/17093\\">\\n    <button class=\\"full-width remove\\">\\n      <i class=\\"fa fa-check\\"><\\/i>\\n    <\\/button>\\n<\\/a>\').fadeIn().show();
$(".speaker-add-remove").html("<a class=\\"btn btn-success pt-1 pb-1 border mb-1 btn-block f-s-15\\" data-remote=\\"true\\" href=\\"/my_speaker_list/remove_speaker/17093\\">Added To List<\\/a>\\n");
$("#speaker-add-remove-nav").html("  <a class=\\" pt-1 pb-1 text-success pl-2 pr-2 text-center\\" style=\\"width: 110px;\\" data-remote=\\"true\\" href=\\"/my_speaker_list/remove_speaker/17093\\">Added to List<\\/a>\\n");
当访问者/客户单击您的按钮时，您可以将CPT post id添加到LocalStorage值中，如果他们单击其他人，您可以更新LocalStorage值。之后，您可以轻松地读取该值，并可以使用这些ID通过WordPress Ajax获取信息。此外，您还可以使用这些ID为表单创建隐藏输入。

使用基本的Javascript和高于平均水平的WordPress Ajax知识可以轻松完成此操作。

标签： custom-post-types   custom-taxonomy   plugin-gravity-forms   小码农  

相关推荐