javascript - 我如何从 ajax 加载的 JQuery ui 选项卡中获取此方法

Question

我正在使用 jquery ui tab加载 html，在该 html 中我有一个方法。

$("#tabs").tabs({               
                beforeLoad: function (event, ui) {
                    ui.jqXHR.error(function () {
                        ui.panel.html(
                          "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                          "If this wouldn't be a demo.");
                    });
                    ui.jqXHR.success(function () {
                        alertMe()
                    });
                }
            });

<div id="tabs" style="height: 100%">
        <ul>
            <li><a href="Map.html">Tab 1</a></li>
        </ul>
 </div>

在 map.html 中我有 alertMe 方法。这里显示 alertMe 未定义。

Answer 1

当服务器成功返回响应时调用 jqXHR“成功”，但在任何选项卡呈现逻辑发生之前(如将 html/js 添加到页面)。所以更好的解决方案是使用选项卡控件的加载方法来处理调用:

$('tab's).tabs({
    beforeLoad: ...
    load: function() {
       alertMe(); // Global JS on loaded fragment will be available on page now
    }
});

API 文档:http://api.jqueryui.com/tabs/#event-load