在 acf 选项卡上单击触发事件 - 如何

Question

我希望当用户单击 ACF 表单上的特定选项卡时，会触发 javascript 事件。

类似：

$('#acf-field_57f8b36e99fcb').on('click', function() {
    alert ("tab clicked");
});

但这行不通。 （.focusin、.focusout 等也没有）。

有谁知道这是否可能以及如何做到？

Answer 1

当您动态添加任何字段时，您需要再次与其绑定 jquery/Javascript 函数。

Answer 2

这与 Vanilla JS 完美配合：

const tabs = document.querySelectorAll('ul.acf-tab-group li');
tabs.forEach(tab => {
    tab.addEventListener('click', () => {
        // do some stuff
    });
});

为了优化这一点，您还可以在主体上放置一个事件侦听器并检测事件目标。