Стойкие переменные в jQuery

Question

, так что im kinda new для javascript и jquery все еще так, что я застрял в этой маленькой проблеме. проблема здесь в переменной «currentId». эта переменная получает значение во время события прокрутки, но мне нужно, чтобы он оставался даже после того, как событие прокрутки прошло и было учтено во время следующего события прокрутки, когда оно только что вернулось к null или undefined.

Может ли кто-нибудь указать мне в правильном направлении здесь? причина, которую я читал в течение дня, теперь хахаха.

$("#content").on("scroll resize", function(){ //on scroll 

    var pos=$("#frontpage").offset(); //take front page position in variable 

    $('.page').each(function(){ //for each div with a class of page 

     if(pos.top >= $(this).offset().top && pos.top < $(this).next().offset().top){ //if this divs position is in the correct range 

      if (currentId != $(this).attr('id')|| typeof currentId == 'undefined') { //if currentId Var is diffrent from this divs id or is undefined 

       var currentId = $(this).attr('id'); //set currentId Var to this divs id 

       $(this).addClass("foo"); //add class foo to this div 

      }else{ 
          //Else do nothing 
      }; //endIfElse 

     }else{ 
      $(this).removeClass("foo");  //Else remove the foo class from this div 
     };          //endIfElse 

    });        //end each 

}); 

Answer 1

Почему бы не просто положить var currentId просто из любой функции или обработчик? Он не исчезнет, ​​пока отображается страница.

Теперь, чтобы сделать его реальным постоянным, вы можете хранить и читать файлы cookie (используя document.cookie).

Answer 2

Этот код не является большим в целом, но и исправить вашу конкретную проблему, поместите объявление переменной вне блока кода:

var currentId; 
$("#content").on("scroll resize", function() { //on scroll 
    var pos = $("#frontpage").offset(); //take front page position in variable 
    $('.page').each(function($currentId) { //for each div with a class of page 
     if (pos.top >= $(this).offset().top && pos.top < $(this).next().offset().top) { //if this divs position is in the correct range 
      if (currentId != $(this).attr('id') || typeof currentId == 'undefined') { //if currentId Var is diffrent from this divs id or is undefined 
       currentId = $(this).attr('id'); //set currentId Var to this divs id 
       $(this).addClass("foo"); //add class foo to this div 
      } else { 
       //Else do nothing 
      }; //endIfElse 
     } else { 
      $(this).removeClass("foo"); //Else remove the foo class from this div 
     }; //endIfElse 
    }); //end each 
});