Проблема с вкладками в jQuery - PullRequest
Новая
       20

Проблема с вкладками в jQuery

2 голосов
/ 01 сентября 2010

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

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

<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>

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

Ответы [ 2 ]

0 голосов
/ 27 октября 2010

Как и все остальные, я не уверен, что вы просите, но если вы хотите, чтобы 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>
0 голосов
/ 01 сентября 2010

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

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

...