изменение location.hash с помощью вкладок jquery ui

Question

Я пытался найти способ изменить window.location.hash на текущую выбранную вкладку в вкладках пользовательского интерфейса Jquery .

Я пробовал:

$("#tabs > ul").tabs();
$("#tabs > ul").bind("tabsshow", function(event, ui) { 
window.location.hash = ui.tab;
})

Это приводит к изменению хеша на #undefined при смене вкладки.

Я тоже пробовал:

$("#tabs > ul").tabs({ 
select: function(event, ui) { 
window.location.hash = ui.tab }
});

Но, похоже, это вообще не сработало.

Любая помощь будет оценена. Спасибо.

Редактировать: Похоже, что часть моей первоначальной проблемы была связана с тем, что js где-то еще мешал этому. И принятый ответ, и другой предложенный ответ, слегка измененный, работают. Спасибо всем.

Answer 1

Это сработало для меня, используя Jquery 1.8

$('#tabs').tabs({
    activate: function(event, ui) {
       window.location.hash = ui.newPanel.attr('id');
    }
});

Answer 2

Я использую плагин для вкладок, вы можете найти его на github: https://github.com/jquerytools/jquerytools.github.com

Answer 3

У меня работает следующий код ..

$("#tabs").tabs({
   activate : function(event, ui) {
     window.location.hash = ui.newPanel[0].id;
  }
});

Answer 4

У меня работает этот код:

$("#tabs").tabs({
    activate: function(event, ui) { 
       window.location.hash=ui.newPanel.selector; 
    }
});

Answer 5

Этот кусок кода работал для меня:

window.location.hash="";

Answer 6

Кажется, что сам ui.tab не возвращает правильную строку. (вместо этого он возвращает undefined, так что вы бы сказали, что он вообще ничего не возвращает.)

Попробуйте посмотреть в dev-версии ui.jquery.js, есть ли там какие-либо возвраты, может быть, вам нужно вызвать ребенка от ui.tab;

Answer 7

Этот код работает нормально для меня:

$('#tabs').tabs({
    select: function(event, ui) { 
        window.location = $(ui.tab).attr('href');
    }
});