jquery。如果窗口大小<；=确定值，然后启动jquery。但在某些条件下，如果screen>；超过一定值

Html

如果屏幕大小小于481 px，则div width设置为480px，否则div width设置为481px

然后在页面加载和屏幕调整时执行jquery

@media all and (max-width: 480px) {
#currentMedia {
width: 480px;
}
}

@media all and (min-width: 481px) {
#currentMedia {
width: 481px;
}
}

var adjust_size=function（）{
如果（parseInt（$（“#currentMedia”）.css（“width”），10原因是该条件不在click事件处理程序中，它在调整大小上。这意味着每次调整宽度时都会调用
adjust_size
请试试这个，它会有帮助…每次你点击选项3，它会检查窗口大小…如果大小小于480，你想做什么

修改的代码如果屏幕宽度>480px，是否可以为点击“取消注册”？想象一下，页面加载，屏幕宽度400px。为点击注册。将屏幕大小调整为600px。然后再次调整为400px。在这种情况下，jquery执行2次（参见2个警报）放置
$（'.mnav ul li a'）。单击（函数（）{return false；}）；
如果

的话，则在

的末尾。但是它会删除“即使点击”和“以后重新调整大小”>=480px的点击不执行…您的代码仍然注册了很多次。这是毫无意义的。您有什么理由注册/取消注册作为调整大小的反应吗？为什么不只注册一次（与我的代码示例完全相同），并完全忽略调整大小事件？（请注意，如果您确实必须取消注册，是这样做的方法）我将所有这些用于导航下拉菜单。如果屏幕较窄，则在单击时展开子类别。如果屏幕较宽，则在鼠标上方展开…了解该功能必须放置在调整大小功能之外吗？是，此目的的调整大小功能似乎不必要
@media all and (max-width: 480px) {
#currentMedia {
width: 480px;
}
}

@media all and (min-width: 481px) {
#currentMedia {
width: 481px;
}
}

var adjust_size = function() {

if (parseInt($("#currentMedia").css("width"), 10) <= 480) {

$(document).on('click', '.mnav-ul-li a', function(){
alert( 'clicked1 ' );
});

}

};//var adjust_size = function() {
adjust_size();
$(window).resize(adjust_size);

<ul>
<li class="mnav-ul-li"><a href="#gg">Option 3</a></li>
</ul>

$(document).on('click', '.mnav-ul-li a', function(){
   if (parseInt($("#currentMedia").css("width"), 10) <= 480)
      alert( 'clicked1 ' );
});

$(document).on('click', '.mnav-ul-li a', function(){
  if(CheckWindowSize())
  {
      alert("working...");
  }
    else
    {
        alert("width is less");
    }
});
function CheckWindowSize()
{
    if($(window).width() >= 480)
    {
      return true;
    }
    else
    {   return false;
    }
}