2014-01-21 6 views
0

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

$(window).ready(function() { 

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

нет, ваш код WORS хорошо для меня – k102

+1

его работы на самом деле ... вот [демо] (http://jsfiddle.net/bUs6T/) – iJade

+0

Вы включили JQuery в свой проект? – Vucko

ответ

1

использование 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

+0

Спасибо @saman Я буду проверять и видеть, что он будет работать – user3110299

Смежные вопросы