jQuery v3.5.0适配jQuery-UI版本咨询：Tab功能失效问题

事件名称错误导致debugger不触发 #

你代码里用的onShow是jQuery UI 1.9及更早版本的事件写法，1.10+版本已经废弃了这个配置项，换成了show或activate事件：

• show：标签页即将切换显示时触发
• activate：标签页切换显示完成后触发

修改后的代码示例：

// 用show事件（切换前触发）
$("#tabs").tabs({
  show: function(event, ui) {
    debugger;
    // 可通过ui.newTab、ui.oldTab获取切换前后的标签元素
  }
});

// 或用activate事件（切换后触发）
$("#tabs").tabs({
  activate: function(event, ui) {
    debugger;
  }
});

jQuery v3.5.0适配的jQuery UI版本 #

以下版本完全兼容jQuery v3.5.0：

• jQuery UI 1.12.1：1.12系列稳定版，对jQuery 3.x支持完善
• jQuery UI 1.13.2：1.13系列最新稳定版，同样适配jQuery 3.5.0

你之前用的这两个版本本身没问题，问题出在事件名称的变更，不是版本适配的问题。

内容的提问来源于stack exchange，提问作者Limna