JQuery только огнь, если DIV # боковая панель существует на странице

Question

Я использую следующий код для управления DIV с идентификатором «боковым»

var top = $('#sidebar').offset().top - parseFloat($('#sidebar').css('marginTop').replace(/auto/, 0)); 
      $(window).scroll(function (event) { 
       // what the y position of the scroll is 
       var y = $(this).scrollTop(); 

       // whether that's below the form 
       if (y >= top) { 
        // if so, ad the fixed class 
        $('#sidebar').addClass('fixed'); 
       } else { 
        // otherwise remove it 
        $('#sidebar').removeClass('fixed'); 
       } 
       }); 

Однако, когда страница, которая ода не содержит Div # врезки оно проливает out error #sidebar is null (потому что его нет!)

Как я могу преобразовать этот код только в том случае, если на странице есть боковая панель div #?

Answer 1

Если я не ошибаюсь, вы можете использовать

if ($('#sidebar').length > 0){ 

    ............. 

} 

для достижения этой цели.

Answer 2

if($('#sidebar').length > 0) 
{ 
//your code here 
} 

Answer 3

Вы можете попробовать это.

if($('#sidebar').size > 0){ 

//your code 

} 

Answer 4

Вы можете уменьшить ваш код вниз с помощью .length, чтобы проверить, если он существует и кэшировать селектор, например:

var sb = $('#sidebar'); 
if(sb.length) { 
    var top = sb.offset().top - parseFloat(sb.css('marginTop').replace(/auto/, 0)); 
    $(window).scroll(function() { 
    sb.toggleClass('fixed', $(this).scrollTop() >= top); 
    }); 
}​ 

.length возвращает количество элементов селектор найденных, если это не было его '0 или false для целей нашей проверки if(). После этого мы используем .toggleClass(class, bool) для более простого добавления или удаления класса на основе прокрутки positon.