Обнаружение браузера не работает

Question

Обнаружение браузера не работает

0

Я новичок в jquery. Я попытался определить размер браузера с помощью следующего кода и попробовал разные способы, но он предупреждает yay всякий раз, когда изменяется размер браузера. Я проверил онлайн, и я не мог понять, что пошло не так с моим кодом. Кто-нибудь знает, почему? Я пытаюсь определить размер, чтобы я мог отключить ссылку тега области на изображении на мобильном экране.

$(window).ready(function() {

    $(window).resize(function() {
        var wi=$(window).width();
        var he=$(window).height();
        if ((wi<=480) && (he<=568))
        {
            alert('yay');
         }
    });
});

user3110299 21 янв. 2014, в 11:20

Источник

2

нет, твой код мне подходит
k102 21 янв. 2014, в 09:46
1

это работает на самом деле ... вот демо
iJade 21 янв. 2014, в 09:47
0

Вы включили JQuery в свой проект?
Vucko 21 янв. 2014, в 09:48
0

Возможно, вы захотите изучить медиа-запросы вместо этого для этой задачи.
David Hellsing 21 янв. 2014, в 09:52
0

Означает ли это, что он предупреждает "yay" постоянно? Вы не можете полагаться на то, как часто происходит событие resize, если вы начинаете изменять размеры в проверенных измерениях. Вы, вероятно, хотите запустить только «событие конца изменения размера». Вы проверили документацию по jQuery или этот стековый пост ?
matthias 21 янв. 2014, в 09:52
0

Большое спасибо за ваше руководство .. хм ... кажется, что это работает для вас, ребята. да, он постоянно предупреждает вас, пока я изменяю размер браузера. Я включил JQuery. Позвольте мне снова пройти тест.
user3110299 21 янв. 2014, в 14:07

Показать ещё 4 комментария

Теги:

javascript

jquery

1 ответ

Ещё вопросы

это работает на самом деле ... вот демо
Возможно, вы захотите изучить медиа-запросы вместо этого для этой задачи.
Означает ли это, что он предупреждает "yay" постоянно? Вы не можете полагаться на то, как часто происходит событие resize, если вы начинаете изменять размеры в проверенных измерениях. Вы, вероятно, хотите запустить только «событие конца изменения размера». Вы проверили документацию по jQuery или этот стековый пост ?
Большое спасибо за ваше руководство .. хм ... кажется, что это работает для вас, ребята. да, он постоянно предупреждает вас, пока я изменяю размер браузера. Я включил JQuery. Позвольте мне снова пройти тест.

saman khademi · Answer 1 · 2014-01-21T08-24-00.000Z

использовать event если вы хотите изменить его размер

$(window).resize(function(event) {
    var wi=$(window).width();
    var he=$(window).height();
    if ((wi<=480) && (he<=568))
    {
        alert('yay');
    }
});

и если вы хотите создать стиль для мобильных устройств, вы должны создать код в <head> например:

<meta name="viewport" content="width=device-width, height=device-height" />
<link id="stylesheet-tablet" media="(min-width: 0px) and (max-width: 480px)" href="mobile.css" type="text/css" rel="stylesheet">

или использовать процентный размер

.wraper{width:100%;}
.wraper .child{width:50%}

или вы можете использовать bootstrapt UI Framework

Спасибо @saman я буду тестировать и посмотреть, как это будет работать