jquery ui tabs load 事件不触发

Question

我得到了以下非常简单的代码：

function init() {
    var articleTabs = $('#articleTabs');
    articleTabs.tabs('add',
            admin.pageVars.siteRoot + '/articles/themes/' + admin.pageVars.params.id, 'Temas');
    articleTabs.tabs({
        load : function(event, ui) {
            $('.jsonForm').jsonForm();
        }
    });
}

这成功地将新的选项卡面板添加到现有选项卡控件。然而，一旦激活，加载函数就永远不会触发。

我的错误是什么？ （没有 JavaScript 例外）

Answer 1

请尝试这样做，因为您在创建选项卡时没有这样做：

function init() {
  var articleTabs = $('#articleTabs');
  articleTabs.bind('tabsload', function() {
    $('.jsonForm').jsonForm();
  });
  articleTabs.tabs('add', admin.pageVars.siteRoot + '/articles/themes/' + admin.pageVars.params.id, 'Temas');
}

这首先是为了安全，但这会绑定到 tabsload 事件 而不是 load 选项/处理程序，后者在初始小部件创建后不会设置。