jQuery Область доступа к селектору jQuery

Question

Я пытаюсь получить доступ к селектору объекта jQuery внутри закрытия ниже, так что мне не нужно указывать его и/или кэшировать. Если я заменил $ (". The_lead") на $ this, он не выполнит действия.

Вызов плагин

$(".the_lead").scroll_lead({speedup: 400}); 

Блок

var $this = $(this); 

$(window).scroll(function() { 

    var window_height = $(window).height(); 
    var document_height = $(document).height(); 
    var hide_lead; 
    var scrollTop = $(window).scrollTop(); 

    console.log($this); 

    if(!hide_lead){ 

     if(scrollTop>(document_height/2)){ 
      $(".the_lead").slideDown(options.speedup); 
      }else{ 
      $(".the_lead").slideUp(500,function(){ 
       $(".the_lead").hide(); 
      });} 
     } 


     $('#hide_lead').click(function(e){ 
      //$(".the_lead").parent().parents('div').hide(); 
      hide_lead = true;   
      e.preventDefault(); 
     });  

    }); 

консоли Выход за $ (это):

[selector: ".the_lead", context: document, constructor: function, init: function, selector: ""…] 
context: #document 
length: 0 
selector: ".the_lead" 
__proto__: Object[0] 

Answer 1

Обратите внимание на вывод length: 0 на консоли. Событие прокрутки окна запускает более или менее каждый пиксель, который пользователь перемещает. Не видя больше кода вашего плагина, я не мог быть уверен, но я бы поставил $, это верно только при первом запуске события прокрутки.

Кроме того, кэширование кажется, что вы хотите кэшировать только один из элементов .the_lead, нет? Вот как читается ваш код. с $this = $(this);, но затем в рамках функции вам, похоже, нужны все элементы с классом .the_lead. Вместо этого попробуйте прямое кэширование. $ this = $ ('. the_lead');