条件が複数の場合

Question

jqueryの世界に新しいことは、条件文を一緒にグループ化するにはどうすればいいですか？その場合は条件文を使用してください。 基本的に同じことを行う5つの異なる機能を使わずに、この機能を一度に実行しようとしています。

マイコード：

jQuery(document).ready(function($) { 
    var menu = $('#site-nav'); 
    var origOffsetY = menu.offset().top; 
    var locateHobby = $('#load-hobby'); 
    var hobbyLocateOrigOffsetY = locateHobby.offset().top; 
    var locateForm = $('#load-form'); 
    var formLocateOrigOffsetY = locateForm.offset().top; 
    function scroll() { 
     if ($(document).scrollTop() >= origOffsetY) && $(document.scrollTop() >= hobbyLocateOrigOffsetY) && $(document).scrollTop() >= formLocateOrigOffsetY)) { 

      $('#site-nav').addClass('navbar-fixed-top'); 
      $('.main-content').addClass('menu-padding'); 

      setTimeout(function() { 
       $('#hob-slide').addClass('animated slideInLeft'); 
      }, 200); 

      setTimeout(function() { 
       $('.wpcf7-form').addClass('animated slideInUp'); 
      }, 200); 

     } else { 
      $('#site-nav').removeClass('navbar-fixed-top'); 
      $('.main-content').removeClass('menu-padding'); 
     } 
    } 
}); //End no conflict 

Answer 1

あなたが簡素化しようとしているものを明確にする必要がある場合があります。私はあなたが変数の束を作成する必要なくifステートメントを実行したいと思っています。そのような場合は、コードを簡略化することができます：

$(document).ready(function() { 
    function scroll() { 
     if ($(document).scrollTop() >= $('#site-nav').offset().top && 
      $(document).scrollTop() >= $('#load-hobby').offset().top && 
      $(document).scrollTop() >= $('#load-form').offset().top) { 

      $('#site-nav').addClass('navbar-fixed-top'); 
      $('.main-content').addClass('menu-padding'); 

      setTimeout(function() { 
      $('#hob-slide').addClass('animated slideInLeft'); 
      }, 200); 

      setTimeout(function() { 
      $('.wpcf7-form').addClass('animated slideInUp'); 
      }, 200); 

     } else { 
      $('#site-nav').removeClass('navbar-fixed-top'); 
      $('.main-content').removeClass('menu-padding'); 
     } 
    } 
}); //End no conflict