最有效的方式来关闭负载()页面使用X标志jquery
问题描述:
我是新来jquery,我想用div容器来加载一个URL,但是,我想给用户一个选项用Amazon.com中的右上角的X标志关闭它。什么是实现这一目标的最佳方式?最有效的方式来关闭负载()页面使用X标志jquery
这里是我已经和似乎笨拙,以找出其中的右上角是和放置图像X:
$("#url_link_details").click(function() {
$("#details").load("tooltip_address.htm", function() {
$(this).addClass("openwindow").show();
$(".img_close").addClass("img_close_show").show();
})
});
任何帮助表示赞赏。
答
一些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();
})
;
})
})