Javascript 浏览器检测不起作用

我是jquery新手。我尝试使用以下代码检测浏览器大小，并尝试了各种方法，但每当调整浏览器大小时，它都会发出警报。我在网上查过了，但我不知道我的代码出了什么问题。有人知道为什么吗？我正在尝试检测大小，以便禁用移动屏幕上图像上的区域标记链接

$(window).ready(function() {

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

$（窗口）.ready（函数（）{
$（窗口）。调整大小（函数（）{
var wi=$（window.width（）；
var he=$（window.height（）；
如果（（wi如果需要，请使用
事件
调整其大小

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

或者您可以使用bootstrapt UI Framework
不，您的代码对meits的实际工作效果很好…这是您是否将JQuery包含到项目中的问题？您可能希望查看媒体查询来代替此任务。这是否意味着，它会提醒“耶”连续？如果在选中的维度内开始调整大小，则不能依赖于触发调整大小事件的频率。您可能只想触发“调整大小结束事件”。是否已选中或此项以了解详细信息？
<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%}