使用jQuery針對特定的WordPress窗口小部件表單

Question

我正在開發一個新的WordPress窗口小部件。其在小部件管理面板中的配置形式包括類別和子類別下拉菜單（這些不是WordPress類別）。

這些下拉列表的值需要通過AJAX檢索，再加上更改類別下拉列表，還應通過AJAX將新值加載到子類別下拉菜單中。爲此，我需要使用jQuery來定位當前的下拉列表，併爲change事件設置一個處理程序。

如何才能在Wordpress中獲得正確的jQuery選擇器來實現此目的？用戶可以將幾個這樣的小部件添加到側邊欄，所以我不能使用通用的ID或CSS類。還是有更合理的方式來編碼，也許使用wp_localize_script？

Answer 1

在類別下拉菜單中必須有一些獨特的因子（因爲您說在那裏做出選擇會在子類別中加載選項）。我將使用data（）方法將這個唯一標識符（無論是id還是其他）附加到這些下拉列表中的每個下拉列表中，也可以將類附加到每個下拉列表（mywidgetname-category，或mywidgetname-category，或mywidgetname-category）隨你）。

然後遍歷每個與您的類匹配的元素，附加一個change（）事件處理函數，然後使用data（）讀取您附加的唯一標識符，並修改相應的子類別select。