Как запустить код jQuery в админке WordPress?

Как вы запускаете скрипт jQuery при создании нового поста. Я смог поставить сценарий в очередь и вижу файл .js в редакторе, но код не выполняется. Я знаю, что есть особый способ запуска кода jquery в админке, но не могу его найти. Код представляет собой простой скрипт для изменения фона кнопки, которая использует ACF при нажатии на нее. Мне удалось заставить его работать на codepen — https://codepen.io/openbayou/pen/MWjOOZM

Вот код:

<div class="acf-field acf-field-button-group acf-field-5fe2d3efcb5f8" data-name="box_photo_deets" data-type="button_group" data-key="field_5fe2d3efcb5f8" data-conditions="[[{&quot;field&quot;:&quot;field_5f8bec0f9f45d&quot;,&quot;operator&quot;:&quot;!=empty&quot;}]]">
   <div class="acf-label"></div>
   <div class="acf-input">
      <input type="hidden" name="acf-block_5fe163b63d274[field_5fe2d3efcb5f8]">
      <div class="acf-button-group"><label class="selected"><input type="radio" name="acf-block_5fe163b63d274[field_5fe2d3efcb5f8]" value="box_show_deets" checked="checked"> Show details</label></div></div>
</div>

Вот сценарий:

(function ($) {
$(window).on('my.custom.event', function () {
    $(".acf-field-5fe2d3efcb5f8 .acf-input .acf-button-group label").click(function(){
        $(".acf-field-5fe2d3efcb5f8 .acf-input .acf-button-group label.selected").css('background','black');
    });
});
})(jQuery);

jQuery(window).trigger('my.custom.event');

wordpress jquery advanced-custom-fields wordpress-gutenberg
person Gregory Schultz    schedule 26.12.2020    source источник
comment
Я не понимаю, почему вы используете это пользовательское событие? my.custom.event. Я думаю, вы хотите изменить цвет фона в событии клика!   -  person jogesh_pi    schedule 26.12.2020
comment
Вы видите ошибку в консоли? Вы можете найти это полезным для отладки или понимания того, что происходит. stackoverflow.com/a/5706909/3825777   -  person jqueryHtmlCSS    schedule 26.12.2020

Ответы (1)


arrow_upward
1
arrow_downward

Пусть DOM готов до логики.

(function($) {
    $(document).ready(function() {

       $(".acf-field-5fe2d3efcb5f8 .acf-input .acf-button-group label")
       .click(function() {
           $(".acf-field-5fe2d3efcb5f8 .acf-input .acf-button-group label.selected")
           .css('background','black');
       });
    });
})(jQuery);
person jogesh_pi    schedule 26.12.2020