Как выбрать конкретную вкладку с другой страницы, используя тег привязки в JQuery ..?
Интересно, сможем ли мы выбрать конкретную вкладку в системе вкладок JQuery с другой страницы?
Например, у меня есть 4 меню, это Главная | О | Услуги | Контакты На странице услуг у меня есть система вкладок с 5 вкладками («Полет», «Отели», «Международный рейс», «Железнодорожный», «Автобус»), поэтому я подхожу к тому, что выбирает ссылку «Автобус» на домашней странице, которая мне нужна для отображения Вкладка «Автобус» (по умолчанию видна «Полет») на странице услуг.
Я попытался дать ссылку на автобус на домашней странице, как это .. services.php # tab4 (как метод тега привязки)
к сожалению это не работает ..
Я использую следующий JQuery для моей системы вкладок ..
$(document).ready(function() {
//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active_pr").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
ссылки на вкладки на страницах служб, указанные в ul li как ниже
<ul class="tabs">
<li><a href="#tab1">Flight</li>
<li><a href="#tab2">Hotels</a></li>
<li><a href="#tab3">International Flight</a></li>
<li><a href="#tab4">Rail</a></li>
<li><a href="#tab5">Bus</a></li>
</ul>
Я надеюсь, что кто-то может ответить на поставленный выше вопрос.
Спасибо
Павел