如何在jQuery UI选项卡中禁用哈希更改

时间:2012-01-30 16:20:58

标签: javascript jquery jquery-ui jquery-ui-tabs

我想使用jquery ui tabs插件,但是当我点击标签时没有更改url哈希。

我正在使用一个单独的插件来管理历史记录,并且正在使用它。

换句话说,当我点击标签时,内容应该更改,而不是网址哈希

有什么想法吗?

文档是here,但它没有提及任何相关内容。

编辑:多奇怪,我不确定导致它改变窗口哈希的原因。它不再发生了。

3 个答案:

答案 0 :(得分:3)

遇到同样的问题。你走了!

// Prevent hashtag change on tab link click
$('.ui-tabs-nav a').live('click', function(e){
    e.preventDefault();
    e.stopPropagation();
});

答案 1 :(得分:1)

http://jqueryui.com/demos/tabs/default.html

url哈希对我来说没有变化。你用什么插件来管理历史?

答案 2 :(得分:0)

你可以尝试一下:

var currentHash = top.location.hash;

$('#example').bind('tabsshow', function(event, ui) {
   top.location.hash = currentHash;
}

我没试过,我不能在这里设置环境。当您重置哈希时,它可能不会按您的意愿行事......