Сделать вкладку активной при загрузке страницы
Добрый день. Есть страница: sspromo.ru/ticket.php ,тело которой сделано из вкладок, которые открывают части стр... При первом попадании на страницу открывается первая вкладка.
Мне нужно сделать что бы ссылка в верхней основной навигации "О нас" вела на страницу ticket.php, при этом открывалась вкладка CONTACT. Ссылки у вкладах по типу #tab-1. Делаю такие ссылки в каком то другом месте - ни чего не работает. Возможно будет какое то решение с использованием GET ссылки. Но не могу найти место, где выставить код для вкладки, открывающеюся по умолчанию. Заранее спасибо за помощь. |
var hash = window.location.hash;
if(hash.indexOf('tab') > 0) {
var tabID = /tab-(\d+)/.exec(hash).pop();
document.querySelectorAll('#qcTabNav a')[tabID - 1].click();
}
А если так? |
Цитата:
Просто скрипт на стр поставил. Не пашет. Все так же думает, что это обычный якорь. И пишет его в адресную строку... |
kkolorid, поставьте в конец страницы. Или оберните в window.addEventListener('load', function() { код });
Цитата:
http://sspromo.ru/ticket.php#tab-1 http://sspromo.ru/ticket.php#tab-2 http://sspromo.ru/ticket.php#tab-3 |
Цитата:
|
Попробуйте у себя стереть три последних строчки.
// --------- 5. TESTIMONIAL ---------- //
$('#qcTestimonial p').html($('#qcTestimonialList li a.active').attr('data-content'));
$('#qcTestimonial cite').html('- ' + $('#qcTestimonialList li a.active').attr('data-cite'));
$('#qcTestimonialList li a').hover(function() {
$('#qcTestimonialList li a.active').removeAttr('class');
$(this).addClass('active');
$('#qcTestimonial p').html($(this).attr('data-content'));
$('#qcTestimonial cite').html('- ' + $(this).attr('data-cite'));
});
$('#qcTestimonialList li a').click(function() {
return false;
});
|
Цитата:
|
Ну тогда добавь в мой код:
$('#qcTabNav').on('click', 'a', function() {
window.location.hash = this.hash;
});
|
Цитата:
window.addEventListener('load', function() {
var hash = window.location.hash;
if(hash.indexOf('tab') > 0) {
var tabID = /tab-(\d+)/.exec(hash).pop();
document.querySelectorAll('#qcTabNav a')[tabID - 1].click();
$('#qcTabNav').on('click', 'a', function() {
window.location.hash = this.hash;
});
}
});
Вот так не работает... Может сделать просто что бы стр обновлялась? |
$(function() {
var hash = window.location.hash;
if(hash.indexOf('tab') > 0) {
var tabID = /tab-(\d+)/.exec(hash).pop();
document.querySelectorAll('#qcTabNav a')[tabID - 1].click();
}
$('#qcTabNav').on('click', 'a', function() {
window.location.hash = this.hash;
});
});
Вот всё целиком. |
| Часовой пояс GMT +3, время: 12:58. |