Самый эффективный способ закрыть страницу load () с помощью знака X в jquery

Question

Я новичок в Jquery и пытаюсь использовать контейнер div для загрузки URL, однако я хочу дать пользователю возможность закрыть его знаком X в верхнем правом углу, как в Amazon. ком. Какой лучший способ сделать это?

Вот что у меня есть и кажется неуклюжим, чтобы выяснить, где находится верхний правый угол и поместить изображение 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();
            })
        ;
    })
})