Как определить кликнув изображение?

Question

Спасибо всем, что помогли мне узнать, что это была нелепая ошибка. У меня было две версии html-файла, и у версии, с которой я работал, были идентификаторы no , указанные для тегов img. JQuery был прав, когда мне сказали, что идентификаторы не определены. То, что вы видите ниже, работает отлично.

Я не могу найти рабочее решение на этом:

    $('.iconf').live('tap', function(){
        var id = $(this).attr('id');
        alert (id); //this alerts "undefined"
    });

Существует три тега <img> с разными идентификаторами (атрибутами), которые имеют класс "iconf". Это мой HTML:

    <img class="iconf" id="bad" src="img/icons/icon_rate_circle.png"/>
    <img class="iconf" id="ok" src="img/icons/icon_rate_circle.png"/>
    <img class="iconf" id="good" src="img/icons/icon_rate_circle.png"/>

Можете ли вы помочь мне заставить это работать?

Answer 1

Я не вижу ничего плохого в вашем коде

• http://jsfiddle.net/QpXL6/1/

JS

$('.iconf').live('tap', function(){
    var id = $(this).attr('id');
    alert (id); 
});

HTML

<img class="iconf" id="bad" src="http://www.mricons.com/store/png/120658_38581_64_windows_icon.png"/>
<img class="iconf" id="ok" src="http://images2.wikia.nocookie.net/__cb20100620154531/en.linux/images/3/3d/Tux-icon.png"/>
<img class="iconf" id="good" src="http://www.mricons.com/store/png/120611_38534_64_apple_icon.png"/>

Answer 2

Если вы работаете с мобильным Safari, то источником вашей проблемы может быть ошибочная реализация jquery live на этой платформе: http://bugs.jquery.com/ticket/5677

Answer 3

Попробуйте и скажите результат, пожалуйста:

$('img.iconf').click(function() {
   var itemId = $(this).attr('id');
   alert(itemId);
});