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 的接案路上不孤單!

覺得文章對你有幫助再幫我鼓個掌吧!

相關文章

Gravity Form 取得表單送出資料

WooCommerce 推播通知外掛近期的功能建議是加入支援 Gravity Form 外掛,讓填表者送出資料後可以收到簡訊或是 ...

LearnDash 手動開通課程瀏覽權限

在某些情境下我們需要透過程式碼來開通 LearnDash 的課程瀏覽權限,像是有些免費課程需要填表單才能觀看,或是連續登入 N 日...

發佈留言

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

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

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

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

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

訂閱電子報

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