Блог

Главная - Вопросы по программированию - Запуск события щелчка по внутреннему изображению

Запуск события щелчка по внутреннему изображению

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

У меня есть одна небольшая проблема в событиях щелчка. У меня есть один div, в котором есть два тега изображения, как только я нажал на одно изображение, оно также запускает внутреннее изображение. Вот код. HTML-код 

 <div id="mainContent">
 //some other code goes here..
 <img id="playId_1" src="img/new/startImgs/menuImgs/play-btn1.png"
style="z-index: 2; display: none; position: fixed;" />
  <img id="levelBg" src="img/new/startImgs/menuImgs/levelBg.png"
style="z-index: 1; display: none; position: fixed;">
 //some other code goes here..
</div>

Код Javascript здесь..

 $('#playId_1').on('touchstart', function(e) {
  startGame();
  e.stopImmediatePropagation();
});

$('#levelBg').on('click', function (e) {
           alert("clicked");
 });

Когда я нажал кнопку воспроизведения, она также сработала при событии levelBg (отображение предупреждения о щелчке после выполнения startGame (метод 0)
Пожалуйста, кто-нибудь поможет мне решить эту проблему

Комментарии:

1. где #levelBg ..?

2. Как вы можете щелкнуть #playId_1 , если оно скрыто?

3. @RajaprabhuAravindasamy Пожалуйста, проверьте, что я отредактировал код..

4. @FelixKling Я добавлю display=block, когда мне нужно, он не скрыт

5. Не удается воспроизвести: jsfiddle.net/5dPYM (изображения имеют одинаковый размер)

Ответ №1:

Измените touchstart на click или наоборот vesa.