Javascript на разных размерах экрана

Question

Мне нужно, чтобы этот скрипт работал на размерах экрана шириной 794 пикселей или выше. Для меньших размеров экрана он не должен запускаться, потому что это создает проблемы с другим скриптом.

Я пробовал разные вещи, но я действительно не знаю, как это сделать.

jQuery(document).ready(function ($) { 
    $('a[href*=#]:not([href=#])').click(function() { 
     if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 
      var target = $(this.hash); 
      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 
      if (target.length) { 
       $('html,body').animate({ 
        scrollTop: target.offset().top 
       }, 1000); 
       return false; 
      } 
     } 
    }); 
}); 

Может кто-нибудь, дайте мне знать, как я могу изменить это, чтобы этот скрипт работает на ширине экрана 794 пикс или выше?

С наилучшими пожеланиями şafak

Answer 1

Вы можете использовать window.matchMedia() для запросов СМИ в JavaScript.

, например

var mq = window.matchMedia("(max-width: 570px)"); 
if (mq.matches) { 
    // window width is at less than 570px 
} 
else { 
    // window width is greater than 570px 
} 

Для поддержки веб-браузера: Пожалуйста, обратитесь "https://hacks.mozilla.org/2012/06/using-window-matchmedia-to-do-media-queries-in-javascript/"

Update

Если вы хотите запустить скрипт только один раз, а не на изменение размера вы можете использовать

if($(window).width()>=794) 
{ 
    //do your stuffs here 
} 

Answer 2

С JQuery:

$(function(){ 
    $(window).resize(function(){ 
     if($(window).width() >= 794){ 
      // Your code here 
     } 
    }); 
    $(window).resize(); // Trigger window resize to check on load 
}); 

Answer 3

Вы можете использовать window.width()

например:

if(!$(window).width()<794) 
{ 
    //do your stuffs here 
} 

Answer 4

использование $(window).width()

if($(window).width() >= yourScreenSize) 
{ 
    // your code goes here 
} 

Answer 5

Беспоставочной решение JQuery будет выглядеть как этот

if (window.innerWidth > 794) { 
    myFunc(); //the code that you want to run on bigger screens 
} 

Answer 6

jQuery(document).ready(function ($) { 
$('a[href*=#]:not([href=#])').click(function() { 
    if($(window).width() >= 794) 
    { 
    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 
     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 
     if (target.length) { 
      $('html,body').animate({ 
       scrollTop: target.offset().top 
      }, 1000); 
      return false; 
     } 
    } 
    }//window size check ends here 
}); 

});