Не нравятся результаты поиска? Попробуйте другой поиск!

Куки


     12.06.2014    Все вопросы » Общие вопросы    2677

вопрос
Здравствуйте, как добавить куки? Чтоб данный скрипт запоминал вкладку
    <script type="text/javascript">
$(document).ready(function() {

    //Настройки по умолчанию
    $(".tab_content").hide(); //Скрыть все содержимое
    $("ul.tabs li:first").addClass("active").show(); //Активировать первую вкладку
    $(".tab_content:first").show(); //Показать первые содержание вкладке

    //Действие при клике
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active"); //добавить класс "active" к выбраной вкладке
        $(".tab_content").hide(); //Скрыть вкладку и ее содержание
        var activeTab = $(this).find("a").attr("href"); //Найти значение атрибута для выявления активной вкладки с содержанием
        $(activeTab).fadeIn(); //
        return false;
    });

});
</script>

Ответил: rocksmart


<script type="text/javascript"> 
$(document).ready(function() {

if(!sessionStorage.getItem('tabsactive')) sessionStorage.setItem('tabsactive','');

var tabsArr = sessionStorage.getItem('tabsactive');
$(".tab_content").hide();
if(tabsArr){
$("ul.tabs li").removeClass("active");
$("ul.tabs li").each(function () {
     if($(this).find("a").attr("href") == tabsArr){
      $(this).addClass("active");
    $(tabsArr).show();
     }
    
    
     });
    }else{
    $("ul.tabs li:first").addClass("active").show(); //Активировать первую вкладку
    $(".tab_content:first").show(); //Показать контент первой вкладки
  }
    //Событие по клику
    $("ul.tabs li").click(function(i) {
     $("ul.tabs li").removeClass("active"); //Удалить "active" класс
        $(this).addClass("active"); //Добавить "active" для выбранной вкладки
        $(".tab_content").hide(); //Скрыть контент вкладки
        var activeTab = $(this).find("a").attr("href"); //Найти значение атрибута, чтобы определить активный таб + контент
        $(activeTab).fadeIn(); //Исчезновение активного контента
        sessionStorage.setItem('tabsactive',activeTab); //записываем ид выбранной вкладки
        
        return false;
    });

});
</script>


Этот скрипт только для одной вкладки на странице
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх