jquery - JQUERYUI - 画像がクリックされたときにモーダル ダイアログを閉じる

Question

現在、jQuery UI のモーダル ダイアログをメニューとして使用しています。メニューは、クリックするとメニュー項目として機能するいくつかの画像で構成されています。このサイトは動的な ajax コンテンツを使用して、要求されたページを読み込みます。私の質問は次のとおりです。画像がクリックされたらモーダルダイアログを閉じるにはどうすればよいですか?

Answer 1

$( "#dialog" ).dialog();


<img src='..' class='image_menu'>
<img src='...' class='image_menu'>



$('.image_menu').click(function(){
   $('#dialog').dialog('close');
});

Answer 2

次のようなことができます：

$('<your image>').click(function(){
    $('<your dialog>').dialog('close');
});