Блог

Я работаю над простой HTML / JS / Jquery игрой, в которой вы должны искать скрытый овощ на странице.

У меня есть изображение, размещенное на экране случайным образом при загрузке страницы, но оно скрыто. Когда пользователь нажимает на изображение, я хочу, чтобы оно появилось.

Я пытался использовать Jquery hide / show. Это отлично работает, если изображение начинает отображаться, однако оно запускает событие onclick красиво. Если изображение запускается как скрытое, оно деактивирует событие onclick. Я знаю, что нажимаю на нужное место на странице, но событие никогда не срабатывает.

Я пытался использовать $("#image").css("display", "none"); однако это также деактивирует onclick. Есть ли другой способ скрыть элемент, который не деактивирует его события?

Вы могли бы использовать $("#image").css("opacity", "0");

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

когда вы возвращаетесь к показу

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

или

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