Использование jquery для определения ширины экрана

возникли проблемы с получением этого сценария для правильной работы на iphone 6. Звучит как "не мобильный". Что я упускаю?

$(document).ready(function(){
    if ($(window).width < 700){
        alert("mobile");
    }
    else {
        alert("not mobile");
    }
});

EDIT: извините, код, который я набрал здесь, имел опечатку, но не был причиной моей проблемы. У меня была неточная информация о разрешении iphone. Спасибо всем!

7
javascript jquery mobile width

6 ответов

дисплей iPhone 6 имеет разрешение 1334x750. При эмуляции iPhone6 в Chrome dev tools ширина сообщается как 980 (Я не знаю, точно ли это).

Вам может быть интересно это:http://detectmobilebrowsers.com/

также, как отмечали другие, замените $(window).width С $(window).width()

8

Ну, игнорируя что сказал ekuusela о разрешении экрана, вы, кажется, забыли свои скобки после width, который является методом, а не полем. Чтобы исправить это, просто добавьте () после:

if ($(window).width() < 700)

посмотреть документация width() для получения дополнительной информации.

3

экран iPhone6 составляет 1334x750 пикселей. Если вы используете ширину только для обнаружения мобильного пользователя, см. этой вместо.

3

JQuery использует $(window).width(). Это функция, а не свойство.

1

вы хотите .width() не только .width. Кроме того, зарегистрируйте его и убедитесь, что это то, что вы ожидаете.

0

этот поток углубляется в параметры как в Javascript, так и в JQuery

получить размер экрана, текущей веб-страницы и окна браузера

0