2011-09-23 10 views
1

표준 jquery 탭 기능을 사용하고 있으며 일부 탭 머리글을 사용자에게 다른 페이지로 리디렉션하는 링크를 만들 수있는 방법이 있는지 궁금합니다.jQuery Tab with links with

실제로 탭 위에 마우스를 올려 놓으면 "http://www.mysite.com/mypage"즉 탭 헤더의 href가 간단한 링크가됩니다.

알려 주시면 알려 드리겠습니다.

감사합니다.

+1

을 한거야? 예를 보여줄 수 있습니까? –

+2

무엇을 가지고 있습니까? 너는 무엇을 사용 했는가? 당신은 더 이상 초보 사용자가 아니므로 잘 알고 있어야합니다. –

+0

예 가능합니다. – Rafay

답변

0

예, 질문이 맞는지 확실하지 않은 다른 페이지에 대한 링크를 만들 수 있습니다. 사용자가 마우스를 올려 놓았을 때 URL을 보게하려면 URL의 title 속성을 URL로 만들고 도구 설명으로 표시합니다.

예 :

<a href="http://www.stackoverflow.com" title="http://www.stackoverflow.com">My Tab</a> 

당신의 탭에 자신을 도움이 필요한 경우, 너무 광범위 이잖아. 스트레이트 jQuery를 UI 웹 사이트에서

0

jQuery Tools를 사용해보십시오 :

$('#example').tabs({ 
    select: function(event, ui) { 
     var url = $.data(ui.tab, 'load.tabs'); 
     if(url) { 
      location.href = url; 
      return false; 
     } 
     return true; 
    } 
}); 

당신이 당신의 탭을 설정하면 HREF는 "#tab"형식을 사용하는 대신 하이퍼 링크 속성합니다.

DEMO : 지금까지 무엇을http://jsfiddle.net/v2pKQ/2/