jQuery，如果不返回警报消息

debugcn 发表于 Dev

bloxxyyy

一切都写在外部javascript文件中，我在html中包含的内容也在那里。

我试图将if语句放在代码中的不同位置上，如果宽度不正确，并且此时其他一些事情无关紧要，我就四处寻找。

当我将$ foodcheck）.width>'0px'更改为<，否则将if if更改为>时，警报确实起作用，但是我只希望宽度= 0时弹出它

我希望它返回警报消息。

var $foodcheck = $('#greenfood');
if(($foodcheck).width > '0px') {

    document.getElementById("f").onclick = function(){

        var random = Math.random();

        if(random > 0.0 && random <= 0.5) {

            $("#greenfood").animate({width: "-=30px"});

        } else if(random > 0.9) {

            $("#greenfood").animate({width: "-=80px"});

        } else {

            $("#greenfood").animate({width: "140px"});

        }
    };
 } else if(($foodcheck).width =< '0px'){
        alert("Works");
    }

笨蛋

jQuery的width（）返回以像素为单位的计算宽度，因此您需要更新脚本以正确调用它。（请注意，其功能因此需要括号）。

这是一个工作示例：

$(function(){
  
  var $foodcheck = $('#greenfood');
  if($foodcheck.width() > 0) {
    document.getElementById("f").onclick = function(){
        var random = Math.random();
        if(random > 0.0 && random <= 0.5) {
            $foodcheck.animate({width: "-=30px"});
        } else if(random > 0.9) {
            $foodcheck.animate({width: "-=80px"});
        } else {
            $foodcheck.animate({width: "140px"});
        }
    }
  } else {
     alert("$foodcheck is <= 0 or undefined");
  }
  
});

#greenfood {background:green; width:200px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="greenfood">greenfood</div>
<button id="f">click</button>

更新：
从您的评论很明显，您想每次检查宽度。只需在onclick事件中移动宽度检查子句：

$(function(){
  var $foodcheck = $('#greenfood');
  document.getElementById("f").onclick = function(){
        var random = Math.random();
    if($foodcheck.width() > 0) {
        if(random > 0.0 && random <= 0.5) {
            $foodcheck.animate({width: "-=30px"});
        } else if(random > 0.9) {
            $foodcheck.animate({width: "-=80px"});
        } else {
            $foodcheck.animate({width: "140px"});
        }
     } else {
        alert("$foodcheck is <= 0");
     }
  }
});

#greenfood {background:green; width:200px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="greenfood">greenfood</div>
<button id="f">click</button>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。