javascript - Javascript onClick“显示：无；” 不工作

Question

我有一张图片，当您单击时，此功能将运行。

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

当您单击“X”（图像）时，此函数运行：

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

但它不起作用。

这是我的图像的设置方式：

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

Answer 1

约翰科尔纳的代码：

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

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

Answer 2

你也可以这样做，通过使用类名

( function($) {
  $(".btn-remove").click(function() {  
    $(this).css("display", "none");      
  });
} ) ( jQuery );

Answer 3

您阅读了如何调用 jQuery.css函数而不是.show(),hide()或attr(). 对于它的价值，这里是隐藏功能页面的链接。jQuery 就是答案。我想不出理由不在任何地方使用它。

我认为你想要做的是：

$(document).ready( function() {
  $("img").on("click", function(num) {
     var src = "images/main" + num + ".jpg";
     $("#popover-image").attr("src", src);
     $("#sheet").attr("display", "block");
  });
  $("img[alt=Exit]").on("click", function() {
     $("#sheet").attr("display", "none");
  });
});