Не могу установить фокус

Question

jQuery(function($) {
    $('#mega-menu-item-11195').on('open_panel', function() { 
       $('#woocommerce-product-search-field-0').focus();
    });
});

Я пытаюсь установить фокус в поле поиска при нажатии значка поиска в мобильной версии меню на http://www.pyxelstudio.com с использованием приведенного выше кода, я не вижупочему он не работает.

Если я изменю .focus на .hide, он работает как шарм, поэтому все селекторы кажутся правильными!

Любая помощь будет принята с благодарностью.

Answer 1

Где находится код, который вызывает событие? У вас есть элемент с идентификатором mega-menu-item-11195? Если так, это должно работать. Примерно так:

jQuery(function($) {
    $('#openButton').click(function() {
    $('#mega-menu-item-11195').trigger('open_panel');
  });

  $('#mega-menu-item-11195').on('open_panel', function() { 
     $('#woocommerce-product-search-field-0').focus();
  });
});

Вот Скрипка , которая, как я считаю, демонстрирует поведение, которое вы ищете.