ACF 的 JS API

目錄

需求是我要在刪除 Repeater 欄位的當下觸發 myCred 外掛扣點 API,也就是當點擊移除按鈕時,點選 Tooltip 裡面的刪除時觸發。

本想從前端做,但查了之後才發現原來 ACF 有很完整的 JavaScript API ,首先用 JS 判斷該頁面是否有 acf 物件,有的話就可以呼叫 addAction 方法,該方法帶有兩個參數,第一個是觸發的時機點,依照我目前的需求是 remove,第二個參數是回呼函示,帶有目前觸發物件的 $el 參數,稍後我就可以用這個物件取得欄位的值。

完整的使用範例可以參考 ACF 的官方文件

我的實作如下:

if (typeof acf !== 'undefined') {
	acf.addAction('remove', function($el) {
		var data = {
			user_id: $el.find('td[data-name="user"] select').val(),
		};
		$.ajax({
			url: ajaxurl,
			data: data,
			type: 'POST',
			dataType: "json",
			success: function(data) {
				console.log("user point -1")
			}
		})
	})
};
文章標籤ACF

目錄

賴俊吾 / Oberon Lai
賴俊吾 / Oberon Lai

現為全職 WordPress 工程師,網站開發經歷 11 年,專攻前端工程與 WordPress 佈景主題、外掛客製化開發

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!

覺得文章寫得好再幫我鼓個掌吧!

相關文章

LINE 登入外掛整合頭像顯示

近期終於把 LINE 登入外掛的頭像功能整合進去,現在只要使用登入就會自動取得 LINE 帳號的頭像作為網站個人帳號的顯示圖片。 ...

WP Query 作者模糊搜尋

我需要的功能是在搜尋時可以輸入關鍵字找到特定作者的文章。由於 WP_Query 預設只能用 user...

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

專注於分享 WordPress 開發、接案技巧、專案管理等自由工作者必備知識與心得

© 2023 想點創意科技有限公司

想點創意科技有限公司 | 統一編號 90516823
Designed by Hend Design | 隱私權政策

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!