在 jquery 中使用 X 登录关闭 load() 页面的最有效方法

Posted 2023-05-07

【中文标题】在 jquery 中使用 X 登录关闭 load() 页面的最有效方法

【英文标题】：Most efficient way to close a load() page using the X sign in jquery

【发布时间】：2010-09-20 23:52:00

【问题描述】：

我是 Jquery 的新手，我正在尝试使用 div 容器来加载 URL，但是，我想为用户提供一个选项，可以在右上角使用 X 符号关闭它，就像在亚马逊中一样。 com。完成此任务的最佳方法是什么？

这就是我所拥有的，并且似乎笨拙地找出右上角的位置并放置图像 X：

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

感谢任何帮助。

【参考方案1】：

一些html：

<div id="popup">
    <img src="x.gif"  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();
            )
        ;
    )
)