Как сделать, чтобы после обновления открывался нужный раздел
Добрый день, Форумчане!
Я сделал на jQuery переходы по разделам сайта. Вот код
jQuery("#home").fadeIn(500);
jQuery("ul li").on("click", function() {
var id = jQuery(this).data("section");
var elem = jQuery(this);
jQuery("section:visible").fadeOut(function() {
jQuery("ul li").removeClass("active");
jQuery(id).fadeIn();
elem.addClass("active");
});
});
HTML
<ul class="nav nav-pills">
<li class="active" data-section="#home">
<a href="#home">Продукты</a>
</li>
<li class="" data-section="#about"><a href="#about">О компании</a></li>
</ul>
<section id="home">
FIRST PAGE
</section>
<section id="about">
SECOND PAGE
</section>
Все работает прекрасно, но вот после обновления не могу сделать, чтобы открывался раздел, который был активен до обновления. То есть если я был в section id="about", то после обновления, он все равно переходит на section id="home". |
Цитата:
|
Цитата:
|
Кто-то генерит контент страницы? Или это просто статичные ХТМЛ-файлы?
|
Цитата:
|
Цитата:
Тогда у тебя только один вариант - писать выбор в куки, а потом их читать и "делать выводы"... |
Цитата:
|
Цитата:
|
<style>
#pages div + div {
display: none;
}
#pages div{
position: absolute;
background: #fff;
}
#pages div:target{
display: block;
}
</style>
<ul id="menu">
<li><a href="#home">Главная</a></li>
<li><a href="#news">Новости</a></li>
</ul>
<div id="pages">
<div id="home">Показываем контент главной</div>
<div id="news">Показываем другую страницу</div>
</div>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
function switchPage(page) {
$('#pages > div').not('#' + page).fadeOut();
$('#' + page).hide().fadeIn();
}
$('#menu a').click(function(e){
e.preventDefault();
location.hash = this.hash;
switchPage(this.hash.replace('#', ''));
});
switchPage(location.hash.replace('#','') || 'home');
</script>
|
Цитата:
hash = document.location.hash;
if(hash!=''){
jQuery("ul li a[href='"+hash+"']").trigger('click');
}
|
| Часовой пояс GMT +3, время: 22:51. |