Задача с вкладкой jQuery

Question

Я хочу добавить ссылку третьей вкладки на другой сайт, и когда она будет нажата, она перенаправляет меня на первую вкладку домашней страницы. а не третьей вкладке.

вот пример ссылок, используемых на веб-сайте.

<li><a href="#tab1">HOME</a></li> 
<li><a href="#tab2">About us</a></li> 
<li><a href="#tab3">services</a></li> 

and on other website I added 
<li><a href="http://www.mywebsitename.com/#tab1">HOME</a></li> 
<li><a href="http://www.mywebsitename.com/#tab2">About us</a></li> 
<li><a href="http://www.mywebsitename.com/#tab3">services</a></li> 

всякий раз, когда вы нажимаете, вы перейдете на главную страницу. Есть ли решение для этого, пожалуйста?

Answer 1

Хотя ваш вопрос не очень ясен, я предполагаю, что вы используете какой-либо плагин jQuery для преобразования divs на вкладках.

Вам нужно будет проверить, нагрузка, какой url вы получили, и перейти к правильной вкладке (активировать правильный div). Без какого-либо другого кода с вашей стороны, трудно получить более конкретную, чем это.

Answer 2

Как и все остальные, я не уверен, что вы просите, но если вы хотите, чтобы URL-адрес с хэш-якорем в конце автоматически выбирал одну из вкладок, я думаю, что это сработает для вас.

<script type="text/javascript"> 
$(function() { 
    $('div#tabs').tabs({ selected: 0 }); 
    // Select the tab based on the url's hash anchor 
    var index = $('div#tabs div.ui-tabs-panel').index($(document.location.hash)); 
    $('div#tabs').tabs('select', index >= 0 ? index : 0); 
}); 
</script> 

<!-- Tabs --> 
<div id="tabs"> 
    <ul> 
    <li><a href="#tab1">HOME</a></li> 
    <li><a href="#tab2">About us</a></li> 
    <li><a href="#tab3">Services</a></li> 
    </ul> 
    <!-- individual tab content divs --> 
    <div id="tab1">Home sweet home!</div> 
    <div id="tab2">This is a page about us.</div> 
    <div id="tab3">At your service.</div> 
</div>