从链接URL中选择jQuery选项卡

Question

我正在尝试设置一个jQuery Tabs实例，允许用户直接加载标签，方法是转到http://www.example.com/gallery/#Training（打开“培训”标签）或点击图库中的相同链接（从drop - 向下导航）

这是我的代码：

 $(document).ready(function() {
     $("#photoGalleryTabs").bind('tabsselect', function(event, ui) {
            window.location.href=ui.tab;
        });
     $("#photoNav li a").click(function() {
        var href = window.location.hash;
        $("#photoGalleryTabs").tabs("select", href);
     });
    $("#photoGalleryTabs").tabs();

});

第一部分工作正常 - 当您转到http://www.example.com/gallery/#Training时，会选择“培训”选项卡（当然，其他选项卡也是如此）。但是，如果在“图库”页面上单击相同的导航链接，则只会在第二次单击后打开正确的选项卡。

关于为什么会发生这种情况的任何想法或关于更好地实现这一目标的建议？当访问者在“图库”页面上时，客户希望下拉菜单“执行某些操作”（打开该选项卡）。

谢谢！