隐藏页面元素而不停用其事件

Question

我正在开发一个简单的HTML / JS / Jquery游戏，您应该在页面上寻找隐藏的蔬菜。

我在页面加载时随机放置了一个图像，但它是隐藏的。当用户点击我希望它出现的图像时。

我尝试使用Jquery hide / show。如果图像开始可见，这可以正常工作，但它可以很好地触发onclick事件。如果图像以隐藏方式启动，则会停用onclick事件。我知道我点击页面上的正确位置，但事件永远不会发生。

我尝试使用$("#image").css("display", "none");但是这也会停用onclick。是否有另一种方法可以隐藏一个不会停用它的事件的元素？

Answer 1

您可以使用$("#image").css("opacity", "0");

Answer 2

   $(document).ready(function(){
    $("#image").hide();
    )};

当你回到演出时

$("#image").show();

或

$("#image").style("opacity", "0");