javascript - Jquery - 如果元素的值为 "Active"则运行函数

Question

我有一个带有类 reflection 的按钮。加载文档时，我将该元素的值设置为 disabled 。我想仅当值设置为 active 时才运行函数.

$(document).ready(function() {
  $(".reflection").val("Disabled");

  $(".reflection").click(function () {
    $(".reflection").val("Active");
  });

  if ($(".reflection").val("Active") {
    if(e.clientX < width / 2) {
      croquis.fillLayerRect(colors[Math.floor(Math.random() * 5)], (e.clientX + (2 * (width/2 - e.clientX))), e.clientY, brush.getSize(), brush.getSize());
    }
    else {
      croquis.fillLayerRect(colors[Math.floor(Math.random() * 5)], (e.clientX - (2 * (e.clientX - width/2))), e.clientY, brush.getSize(), brush.getSize());
    }
  }
});

当我刷新浏览器时，if($(".reflection").val("Active")功能立即激活。即使我将值设置为 disabled，该函数仍然有效。 。我没有点击.relection要么。

Answer 1

这部分代码是错误的(不仅仅是缺少右大括号):

if ($(".reflection").val("Active")) {

它实际上将该值设置为“Active”，并且整个条件始终评估为 true。因为 val() 方法返回原始元素对象，这是真实的，这就是为什么 if 语句中的代码总是被执行，并且不需要将值设置为“Active”。

你需要这个:

if ($(".reflection").val() === "Active") {