Как отключить выполнение js при определенных условиях?

Question

[angelzzz]

Есть js код

<script type="text/javascript">
        $(document).ready(function() {
            var v = $("#sticknavbar");
            var z = $("#sticknavbottomid")
            var stickyHeaderTop = v.offset().top;
            $(window).scroll(function() {            
                if ( $(window).scrollTop() >= stickyHeaderTop) {
        			v.addClass("sticknav"); //добавить класс sticknav
        			z.addClass("sticknavbottom");
               } else {
        			v.removeClass(); //при достижении нижней части убрать sticknav        		
        			z.removeClass("sticknavbottom");
               }
              });
        });    
    </script>

1. Как отключить выполнение кода, если разрешение экрана меньше 992px?
2. Как настроить проверку на наличие #sticknavbar или #sticknavbottomid (есть другой код где больше id), и если их нет, то не выполнять код. Иначе сейчас при отсутствии этих id другой код не выполняется

Answer 1

[seriogja]

1) Настроить событие ресайза окна на сохранение размеров этого окна. Проверять (при ресайзе) больше ли ширина, чем нужно.
2)

if ( $( "#myDiv" ).length ) {
    // элемент есть
    $( "#myDiv" ).show();
}

И кстати, абсолютно не ясно как код, который вы разместили в посте, связан с вопросом. Как он может помочь, и зачем вы его разместили - не понятно.

Comments

[angelzzz]

Все очень просто, я видел сообщения где приводили код с if, но я хоть убей не понимаю где это ставить. К сожалению, ваши ответы вообще ни о чем, в первом КЭП, во втором вообще ни понятно о чем вы.

[seriogja]

1. Приводите код, не связанный с вопросом ни коим образом, кроме значения id блоков
   

2. Как отключить выполнение кода

   - отключить выполнение...
   

3. если разрешение экрана меньше 992px

   - разрешение экрана измеряется 2 значениями
   

4. в первом КЭП

   - Раз это так очевидно, что же вы вопрос тогда задаете на этот счет
   

5. Как настроить проверку на наличие #sticknavbar или #sticknavbottomid (есть другой код где больше id), и если их нет, то не выполнять код. Иначе сейчас при отсутствии этих id другой код не выполняется

   - вы сами вчитайтесь в текст - набор слов
   

6. во втором вообще ни понятно о чем вы

   - о том, что ваш вопрос был в том, как "отключить выполнение".

   if ( $( "#myDiv" ).length ) {
       // элемент есть
       // выполняем код
   } else {
       // элемента нет 
       // не выполняем код
   }

   
   
7. twitter bootstrap в тегах?!?!
   
8. И, кстати, желая получить ответ на свой вопрос, было бы неплохо поприветствовать людей, помощь от которых вы хотите получить

[seriogja]

angelzzz: это я к тому, что это не ответы "не о чем", а как раз ваши вопросы.

Answer 2

[angelzzz]

Отвечу сам. Задачу решил вот так:

<script type="text/javascript">
        var isMobile = {
            Android:        function() { return navigator.userAgent.match(/Android/i) ? true : false; },
            BlackBerry:     function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; },
            iOS:            function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; },
            Windows:        function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; },
            any:            function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());  }
        };
      
        if ( !isMobile.any() ) {
            $(document).ready(function() {
                var v = $("#sticknavbar");
                var z = $("#sticknavbottomid")
                var stickyHeaderTop = v.offset().top;
            
                $(window).scroll(function() {
                	//var windowpostest = $(window).scrollTop();
                	//v.html("расстояния от верха" + "<br />"+ stickyHeaderTop + "<br /> mestopozhenie " + windowpostest + "<br />"+ v.offset().top
                    //);
                
                    if ( $(window).scrollTop() >= stickyHeaderTop) {
            			v.addClass("sticknav"); //добавить класс sticknav
            			z.addClass("sticknavbottom");
                   } else {
            			v.removeClass(); //при достижении нижней части убрать sticknav        		
            			z.removeClass("sticknavbottom");
                   }
                  });
            });    
        }
    </script>

Где эта контструкция отключает показ js на мобильных

var isMobile = {
            Android:        function() { return navigator.userAgent.match(/Android/i) ? true : false; },
            BlackBerry:     function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; },
            iOS:            function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; },
            Windows:        function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; },
            any:            function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());  }
        };
      
        if ( !isMobile.any() ) {
        }