проблема с привязкой к вкладке с помощью jquery - PullRequest
Новая
       23

проблема с привязкой к вкладке с помощью jquery

0 голосов
/ 01 марта 2011

У меня проблемы со связью с вкладкой, которая у меня есть в моем html-документе как внутри того же документа, так и вне его ...

вот код js ... 

$(document).ready(function() {

$('.tabs a').click(function(){
    switch_tabs($(this));
});

switch_tabs($('.defaulttab'));
 });

 function switch_tabs(obj)
{
  $('.tab-content').hide();
  $('.tabs a').removeClass("selected");
  var id = obj.attr("rel");

  $('#'+id).show();
  obj.addClass("selected");
 }

и вот как они структурированы в документе ... 

  <ul class="tabs">
    <li><a href="#" rel="tabs2">Quickbooks</a></li>

этот код делает 'кнопку', тянет эту вкладку 

 <div class="tab-content" id="tabs2">
  <p>QuickBooks</p>
 </div>

что я хочу сделать, так это использовать href 

   <a href="quickbooks.html#tabs2">Quickbooks</a>

и пусть он откроет страницу и связанную вкладку ... у меня немало проблем ... какие-либо предложения?

1 Ответ

0 голосов
/ 01 марта 2011

Проверьте свойство location.hash в обработчике ready: 

if (location.hash.length > 1) {
    var tab = $('a[rel="' + location.hash.substring(1) + '"]');
    if (tab.length)
        switch_tabs(tab);
}
...