jqueryui - необходимо указать тег изображения в промежутке в селекторе

Question

Использование jQueryUI.Когда пользователи нажимают на изображение delete_comment_button, я хочу, чтобы появилось диалоговое окно, позволяющее пользователям удалять свои комментарии.

Задача: изображение попадает в промежуток (все остальные диалоги на моем сайте работают нормально).Как указать изображение в пределах интервала в селекторе?

Код ниже;jsfiddle здесь: http://jsfiddle.net/GRVBz/1/

HTML

<span class="delete_comment_button"><img src="delete-button.png"></span>

<div id="delete_comment_dialog" title="Alert">
Are you sure you want to delete this comment?
</div>​

jQuery

  $(function(){

    $( "#delete_comment_dialog" ).dialog({
            autoOpen: false,
            modal: true,
            buttons: {
                Cancel: function() { $( this ).dialog( "close" ); }
            }
    });
  });


    $('.delete_comment_button img span').click(function() { 
            $('#delete_comment_dialog').dialog('open'); 
            return false; 
    });

Answer 1

У вас просто неправильный выбор переключателя.img находится в пределах span, поэтому используйте:

$('span.delete_comment_button img').click(function() { 
        $('#delete_comment_dialog').dialog('open'); 
        return false; 
});