javascript - 禁用 JQuery Ui 选项卡键盘导航

Question

我正在尝试禁用我网站上 JQuery 选项卡的键盘导航。

我已经尝试了这个问题中列出的所有内容:Prevent default jquery-ui tab behaviour when using keyboard navigation

但无济于事。

我当前的代码是(是的，它看起来很菜鸟，但我很绝望，我也是 JS 菜鸟)

$.widget( ".wpb_tabs, .wpb_tab, .wpb_tab a, .wpb_tour_tabs_wrapper", $.ui.tabs, {
options: {
  keyboard: true
},
_tabKeydown: function(e) {
  if(this.options.keyboard) {
    this._super( '_tabKeydown' );
  } else {
    return false;
  }
}
});

jQuery('.wpb_tabs, .wpb_tab, .wpb_tab a, .wpb_tour_tabs_wrapper').tabs({
activate: function(e, ui) {
e.currentTarget.blur();
}
});

我的网站是(我指的是页面):http://safercareltd.com/care-and-advice/

调用选项卡函数的JS链接: http://safercareltd.com/wp-content/plugins/js_composer/assets/js/js_composer_front.js

任何关于我做错了什么的帮助将不胜感激。

Answer 1

另一个解决方案是解除li上的keydown事件的绑定(bind)。

$( ".selector" ).tabs().find('.ui-tabs-nav li').off('keydown')