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

John Koerner的代码：

$("#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()。对于它的价值，here's the link to the hide function page. 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");
  });
});

Javascript onClick“display：none;”不起作用

3 个答案: