Javascript 尝试从单击事件JS/jQuery调用我的函数

我有一个按钮；当我单击按钮时，我希望我的函数获得一个随机图像（暂时使用颜色），我知道函数中的代码可以工作，但当我尝试从“单击”事件调用函数时，函数似乎无法工作，我们将非常感谢任何帮助

函数getRandomImage（）{ if（$（“#imageContainer”）.css（“背景色”、“黑色”）==$（“#imageContainer”）.css（“背景色”、“黑色”））{ $（“#imageContainer”）.css（“背景色”、“红色”）； } } $（“#主按钮”）。单击（函数（）{ getRandomImage（）；

---

});您需要确保jQuery代码包装在文档中，如下所示：

<script>
    function getRandomImage() {
      if ($("#imageContainer").css("background-color", "black") == $("#imageContainer").css("background-color", "black")) {
        $("#imageContainer").css("background-color", "red");
      }
    }

    $(document).ready(function() {
        $("#mainButton").click(function(){
            getRandomImage();
        });
    });
</script>

函数getRandomImage（）{
if（$（“#imageContainer”）.css（“背景色”、“黑色”）==$（“#imageContainer”）.css（“背景色”、“黑色”））{
$（“#imageContainer”）.css（“背景色”、“红色”）；
}
}
$（文档）.ready（函数（）{
$（“#主按钮”）。单击（函数（）{
getRandomImage（）；
});
});

此外，由于没有显示HTML，因此需要确保设置了ID属性：

<input type="button" id="mainButton" />

---

JQuery选择器（如您的

#main按钮

）立即搜索文档模型以查找要将事件附加到的元素。如果在加载文档之前调用jQuery代码，它可能找不到元素，因为它还不存在。因此，您可以使用documentready来确保jQuery代码在所有元素都加载到DOM后运行。

请尝试在document.ready（）中写入click事件

Ouside document.ready（）您应该编写函数

 function getRandomImage() {
  if ($("#imageContainer").css("background-color", "black") == $("#imageContainer").css("background-color", "black")) {
    $("#imageContainer").css("background-color", "red");
  }
}

否则，您可以直接从按钮调用该函数

<input type="button" onClick="getRandomImage()" id="mainButton" />

您可以尝试以下方法：

function getRandomImage() {
    if ($("#imageContainer").css("background-color") == "rgb(0, 0, 0)") {
        $("#imageContainer").css("background-color", "red");
      }
    }

$(document).ready(function() {
    $("#mainButton").click(function(){
        getRandomImage();
    });
});

---

非常感谢大家，我的大脑出了问题，这对我来说是最好的，但再次感谢大家

$（文档）.ready（函数（）{
$（“#主按钮”）。单击（函数（）{
getRandomImage（）；
});
});
Ouside document.ready（）您应该编写函数
函数getRandomImage（）{
if（$（“#imageContainer”）.css（“背景色”、“黑色”）==$（“#imageContainer”）.css（“背景色”、“黑色”））{
$（“#imageContainer”）.css（“背景色”、“红色”）；
}
}
否则，您可以直接从按钮调用该函数。

控制台日志上写了什么？有错误吗？这很有道理这很有道理

function getRandomImage() {
    if ($("#imageContainer").css("background-color") == "rgb(0, 0, 0)") {
        $("#imageContainer").css("background-color", "red");
      }
    }

$(document).ready(function() {
    $("#mainButton").click(function(){
        getRandomImage();
    });
});