jQuery UI 选项卡事件后的 jQuery/JavaScript 绑定操作答案

【问题标题】：jQuery/JavaScript Bind action after event jQuery UI TabsjQuery UI 选项卡事件后的 jQuery/JavaScript 绑定操作
【发布时间】：2012-05-30 23:40:19
【问题描述】：

刚开始一项新工作，使用 zend 框架，该项目基本上完成了所有补丁工作并添加到现有框架。但是我最近遇到了一个问题。最初开发这个项目的人似乎只是把一切都固定在一切之上。所以它很混乱，它本身的一项主要任务是找到一些东西以某种方式改变它的形状。

我目前的问题是，该项目正在使用数据表和 jQuery UI。在这种特殊情况下，我正在使用基于“选项卡”的页面。我在每个选项卡下的第一页上有多个数据表。问题是必须在最初隐藏在页面加载时的选项卡上重新绘制数据表，因为这些表不符合它们所在的元素。

那么原来的开发者把它放在这个系统的什么地方呢？我找不到..他们在哪里可以在每页的基础上动态地将$(#element).tabs({}) 添加到页面上。就像我说的那样，他们建造这个东西的方式相当混乱和明显复杂。因此，考虑到这一点，我找不到最初在页面加载之前调用的特定选项卡函数，因此我可以更改它以在加载时重绘表格。

所以我想知道的是，有没有办法捕捉选项卡事件，当它显示选项卡内容时，我可以触发该事件而无需更改对 tabs() 的原始调用？

【问题讨论】：

标签： javascript jquery jquery-ui datatables jquery-events

【解决方案1】：

我认为你要绑定的事件是：

$( ".selector" ).bind( "tabsselect", function(event, ui) {
 ...
    // Objects available in the function context:
    ui.tab     // anchor element of the selected (clicked) tab
    ui.panel   // element, that contains the selected/clicked tab contents
    ui.index   // zero-based index of the selected (clicked) tab
});

来自JQuery UI

【讨论】：