Обнаружение щелкните по изображению с классом

Question

У меня есть сценарий jquery, который пытается проверить, нажал ли пользователь изображение с определенным классом. Изображение на вопрос будет выглядеть так:

<img src='media/voteup.png' class='upvote selected' /> 

Мой скрипт пытается связать с щелчком на этом изображении с этим кодом:

$(document).ready(function(){ 
    $(".upvote").click(function(){ 
     console.log("clicked"); 
     if ($(this).hasClass("selected")){ 
      // does stuff 
     } else{ 
      // does stuff 
     } 
    }); 
}); 

Однако, я не получаю никаких сообщений консоли. Я пробовал связывание с:

$(".upvote").on("click", ".upvote", function(){...}); 

Но это не сработало. Мне было интересно, что я делаю что-то неправильно.

Заранее благодарен!

Edit:

Оказывается, что источник проблемы в том, что я действительно тупо пытался связать в файле JS с HREF вместо СРК. Тьфу мне нужно больше сна: P

Answer 1

Try использовать событие делегация on(), например:

$("body").on("click", ".upvote", function(){ 
    console.log("clicked"); 

    if ($(this).hasClass("selected")){ 
      // does stuff 
    } else{ 
      // does stuff 
    } 
}); 

---

$(document).ready(function(){ 
 
    $(".upvote").click(function(){ 
 
    alert("clicked"); 
 
    if ($(this).hasClass("selected")){ 
 
     // does stuff 
 
    } else{ 
 
     // does stuff 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src='media/voteup.png' class='upvote selected' />

Answer 2

Попробуйте

$("document").on("click", ".upvote", function(){...}); 

Answer 3

var e; 
e=$(".upvote"); 
e.click=function() 

{ 
    console.log("clicked"); 
    if (e.ClassName=="selected"){ 
     // does stuff 
    } else{ 
     // does stuff 
} 

}