如何结合使用ACF和Java脚本来更新自定义字段值?

时间:2020-04-27 作者:Nirmal Kumar

我想跟踪优惠券网站上的按钮点击次数。按钮值从使用ACF插件创建的自定义字段中检索。我有一个自定义字段total_clicks. 每次有人单击按钮时,我都希望total_clicks 以获取更新。

如何使用ACF和javascript实现这一点?

1 个回复
SO网友:Joel Hager

我不确定ACF Javascript API在默认情况下是否可用,或者您是否必须在之前安装它,并且由于我无法在此处使用它,这将是您可以尝试的伪代码,但请尝试以下操作:

在任何页面的JS区域中,都可以添加文档就绪状态,以确保页面已加载,并侦听单击。

document.addEventListener("DOMContentLoaded", function() {
  var coupons = document.querySelectorAll(".class-name-of-coupon");
  Object.values(coupons).forEach( (el) =>
  { 
    el.addEventListener("click", function()
    {
      if ( acf.has("total_clicks") );
      {  
        var prevClicks = acf.get("total_clicks");
        acf.set("total_clicks", prevClicks++);
      }
    }
  });
});
这将使用类“优惠券的类名”获取每个优惠券,并在其上放置一个单击侦听器,以增加字段total_clicks (如果存在)通过ACF API。我不知道您是否有权访问API,或者如何启用它,但这就是您将使用的代码。

让我知道进展如何!

相关推荐

如何让`wp-list-table`显示我在Custom-Post中的`Custom-Fields`

一切都好吗<我需要wp-list-table 也要显示custom-fields 在每个custom-post 我有,但我不知道如何做到这一点,在这幅图中,它显示了带有字段的表格:Title, Author and Publication Date: 我想要的是能够选择custom-fields 将出现,例如以下示例Title, Carta, Naipe, Author, and Date of Publication: