Javascript onClick“显示:无；"；不起作用 [英] Javascript onClick"display: none;" doesn't work

问题描述

我有一张图片，当您单击该图片时，该功能就会运行.

I have a an image that when you click, this function runs.

function img(num) {
    var src = "images/main" + num + ".jpg";
    document.getElementById("popover-image").src = src;
    $("#sheet").css("display", "block");
}

当您单击"X"(图像)时，此函数将运行:

When you click on the "X" (image), this function runs:

function close() {
    $("#sheet").css("display", "none");
}

但它不起作用.

这是设置我的图片的方式:

Here is how my image is set up:

<img src="images/x.png" alt="Exit" onclick="close()" />

推荐答案

约翰·科纳(John Koerner)的代码:

John Koerner's code:

$("#closeButton").click(function () {
    $("#sheet").css("display", "none");
});

您的事件处理程序未正确附加.

Your event handler wasn't being attached properly.

这篇关于Javascript onClick“显示:无；"；不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！