javascript - 如何停用特定宽度的 JS 代码？

Question

我有一个链接，当我正常点击它时，它会给我一个 alert() (使用 jquery)。

HTML:

<a class="link" href="www.example.com">link</a>

JS:

$(".link").click(function() {
    alert('clicked');
    return false;
});

CSS:

@media (min-width: 980px)
{
  // In this width, when user click on that link,
  // I want to open www.eample.com
}

现在我的问题是:如何判断客户端的宽度是小于还是大于 980 像素？

Answer 1

你可以使用$(window).width()

$(".link").click(function() {
    if($(window).width() >= 980){  
       alert('clicked');
       return false;
     }
});