JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 点击页面上的任意位置时关闭元素大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的页面上有一个元素,可以通过单击文本链接来打开和关闭.当用户点击元素本身之外的页面上的ANYWHERE时,我还需要隐藏元素 – 这是我的jQuery代码 – 有人可以告诉我做什么修改来做我需要的东西吗?
$(function() {
$("#header-translate ul li").click(function() {
    $("#header-translate li ul").toggle("slide",{ direction: "up" },500); 
});
});

解决方法

使用 jQuery’s one function是完美的.
$(function() {
    $("#header-translate ul li").click(function(E) {
        e.preventDefault();
        var $toClose = $("#header-translate li ul")
        $toClose.slideToggle(500,function() {
            if($toClose.is(':visible')) {
                $('body').one('click',function(E) {
                    e.preventDefault();
                    $toClose.slideUp(500);
                });
            }
            else {
                $('body').unbind('click');
            }
        });
    });
});

这将做的是确保此单击处理程序仅执行一次,并且仅在显示元素时执行.

大佬总结

以上是大佬教程为你收集整理的javascript – 点击页面上的任意位置时关闭元素全部内容,希望文章能够帮你解决javascript – 点击页面上的任意位置时关闭元素所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。