最有效的方式来关闭负载（）页面使用X标志jquery

Question

我是新来jquery，我想用div容器来加载一个URL，但是，我想给用户一个选项用Amazon.com中的右上角的X标志关闭它。什么是实现这一目标的最佳方式？

这里是我已经和似乎笨拙，以找出其中的右上角是和放置图像X：

$("#url_link_details").click(function() { 
    $("#details").load("tooltip_address.htm", function() { 
     $(this).addClass("openwindow").show(); 
     $(".img_close").addClass("img_close_show").show(); 
    }) 
}); 

任何帮助表示赞赏。

Answer 1

一些HTML代码：

<div id="popup"> 
    <img src="x.gif" alt="Close" class="img_close" /> 
    <div class="details"></div> 
</div> 

一些CSS：

#popup .img_close { 
    float: right; 
} 

#details { 
    clear: right; /* if you want there to be a "titlebar" area */ 
} 

一些jQuery的

$('#url_link_details").click(function() { 
    $('#details').load('tooltip_address.htm', function() { 
     $('#popup') 
      .show() 
      .find('.img_close') 
      .click(function() { 
       $('#popup').hide(); 
      }) 
     ; 
    }) 
})