JQuery - Выполнять скрипты на основе размера экрана

Можно ли запускать только определенные сценарии jQuery, если размер экрана/устройства превышает ширину ххх?

Так, например, я хочу только запустить слайд-шоу, когда люди просматривают сайт на устройствах размером более 1024 пикселей. Если кто-то посещает на мобильном телефоне, я просто хочу, чтобы все изображения отображались друг на друга друг на друга...

Ответы

Ответ 1

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

if($(window).width() >= 1024){
  // do your stuff
}

Демо ---> http://jsfiddle.net/fh2eC/1/

Ответ 2

Если вы хотите проверить размер ширины после изменения размера окна, выполните следующие действия:

$(window).resize(function() {
    if( $(this).width() > width ) {
        // code
    }
});

Ответ 3

Вы также можете рассмотреть библиотеку, например https://github.com/paulirish/matchMedia.js/

if (matchMedia('only screen and (max-width: 480px)').matches) {
  // smartphone/iphone... maybe run some small-screen related dom scripting?
}

Ответ 4

Вы можете использовать функцию, а затем установить интервал для проверки размера каждые 10 мельниц....... Здесь....

function change(){
document.getElementById("p").innerHTML = window.innerWidth;
}

setInterval(change, 10);