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; 
});