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

触发事件的代码在哪里？您是否有ID为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();
  });
});

这是一个Fiddle，我相信它可以证明您正在寻找的行为。

无法设定焦点

1 个答案: