.click () на изображении работает не так, как ожидалось

#jquery #click #image

#jquery #нажмите #изображение

Вопрос:

Я пытаюсь предупредить некоторый текст при нажатии на изображение.

код javascript:

 $(document).ready(function() {
    $(".delRow").click('function() {
        alert("hello!");
    });
});  
  

html-код:

 <img src="../images/delete.png" alt="delete" class="delRow"></img>
  

Этот код кажется простым; однако он работает не так, как ожидалось. Обрабатываются ли изображения по-разному при использовании .click?

-Спасибо,
Богатый

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

1. Это ' перед function() { опечаткой в вопросе или это в вашем коде?

2. Что это делает / не делает? Я заметил, что у вас есть открытая кавычка в .click('function()... . Это опечатка в вашем сообщении или это в вашем коде?

3. Это опечатка, я изменил код на: $ («.delRow»).click(function() { alert(«привет!»); }); Но он по-прежнему работает не так, как ожидалось. У меня есть несколько изображений с одинаковыми классами, но я не думаю, что это могло бы вызвать проблему.

4. До моего .click был код, который вызвал эту проблему 🙂 Я забыл, что javascript работает сверху вниз. Код, который выполнялся до возникновения проблемы, сработал; но код под ошибкой — нет.

Ответ №1:

 $(document).ready(function() {
    $(".delRow").click(function() {
        alert("hello!");
    });
});
  

РАБОЧАЯ ДЕМОНСТРАЦИЯ

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

1. Этот код работает так, как ожидалось для кнопки. У меня все еще проблема с моим изображением.

2. рад, что вы нашли ответ @dottedquad пожалуйста, либо опубликуйте свое решение и примите его в качестве ответа, либо примите один из ответов, приведенных здесь

Ответ №2:

У вас есть дополнительный ‘ при нажатии.(функция(){

Это должно быть

 $(document).ready(function() {
    $(".delRow").click(function() {
        alert("hello!");
    });
});  
  

Ответ №3:

 $(document).ready(function() {
    $(".delRow").click(function() {
        alert("hello!");
    });
}); 
  

Удалите « ' » перед вторым function