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