回调未在页面加载时触发 - jquery easy tab 插件

Question

我正在为标签使用这个插件 - https://github.com/JangoSteve/jQuery-EasyTabs

反过来，它使用这个插件进行哈希更改 - http://benalman.com/projects/jquery-hashchange-plugin/

我已经通过以下方式进行了设置 -

$('#tab-container').easytabs().bind('easytabs:after', function(evt, tab, panel, data) {
   alert('DO SOMETHING!')
});

这会导致在单击选项卡时调用警报。

我遇到的问题是回调没有在页面加载时触发。

如果我访问 - www.mitesite.com#mytabid - 插件将读取 url 中的哈希值并设置正确的选项卡，但不会触发回调。

知道我应该如何解决这个问题吗？

Answer 1

您可以在页面加载时触发onhashchange 事件。这将确保绑定到您的 hashchange 事件的任何函数都将在页面加载时触发。

$(document).ready(function () {
    $(window).trigger("onhashchange");
});