JavaScript外部单击关闭_Javascript_Jquery_Html

JavaScript外部单击关闭

javascript jquery html

JavaScript外部单击关闭,javascript,jquery,html,Javascript,Jquery,Html,我知道这个话题已经被讨论过了，但每个问题在某种程度上都是独一无二的。我尝试了其他修复程序和示例，介绍了如何在单击子菜单外部时关闭子菜单，但没有成功在框外单击时，如何关闭uslugi>block_菜单？（不切换链接）当前，导航项目在单击时打开，在单击时关闭。请参阅代码片段： $（“.uslugi”）。单击（函数（）{ $（this.children（）.children（）.toggle（）； }); $（“.uslugi”）。单击（函数（）{ $（this）.fadeIn（300，func

我知道这个话题已经被讨论过了，但每个问题在某种程度上都是独一无二的。我尝试了其他修复程序和示例，介绍了如何在单击子菜单外部时关闭子菜单，但没有成功

在框外单击时，如何关闭uslugi>block_菜单？（不切换链接）

当前，导航项目在单击时打开，在单击时关闭。请参阅代码片段：

$（“.uslugi”）。单击（函数（）{
$（this.children（）.children（）.toggle（）；
});
$（“.uslugi”）。单击（函数（）{
$（this）.fadeIn（300，function（）{
$（this.focus（）；
});
});
$（“.uslugi”）.on（'blur'，function（）{
美元（本）。淡出（300）；
});
html，
身体{
保证金：0；
填充：0；
文本对齐：居中；
}
@字体{
字体系列：蓬帕杜；
src:url（字体/泰晤士报-新罗马Cyr-Regular.ttf）；
}
@字体{
字体系列：COPRGTB；
src:url（font/COPRGTB.ttf）；
}
#主要{
宽度：1100px；
保证金：0自动；
填充：0；
}
#标题{
宽度：1100px；
保证金：0自动；
填充：0；
}
#活跃的{
宽度：50px；
}
.block_菜单{
保证金：0；
填充：0；
宽度：600px；
位置：绝对位置；
z指数：50；
背景：#fff；
页边顶部：-2px；
-莫兹页边顶部：-2px；
-webkit页边距顶部：-2px；
-ms页边距顶部：-2px；
tabindex:-1；
}
/* Начало описания верхнего меню сайта. */
.导航{
保证金：0；
填充：0；
宽度：973px；
高度：25px；
浮动：左；
背景：#51284f；
边界半径：0px 0px 5px 5px；
}
美国海军{
边际：0px；
填充：0px；
列表样式：无；
位置：相对位置；
}
李国荣先生{
浮动：左；
}
李丽娜先生{
填充：0；
填充顶部：6px；
垫底：6px；
利润率：0px 8px；
颜色：#fff；
文字装饰：无；
显示：块；
字体系列：蓬帕杜；
字体大小：12px；
}
.nav ul li a:悬停{
填充：0；
垫面：4px；
垫底：6px；
利润率：0px 8px；
边框顶部：2个实心#fff；
}
.nav ul li a:悬停{
边界：0；
填充：6px 0px；
利润率：0px 8px；
}
.nav ul li ul li a{
填充：6px 0px；
利润率：0px 8px；
颜色：#000；
}
.pod_nav1{
背景：红色；
宽度：149px；
边际上限：0px；
左侧填充：0px；
位置：绝对位置；
显示：无；
左边框：1px实心#000；
边框底部：1px实心#000；
边界半径：0 5px；
浮动：左；
}
.pod_导航2{
背景：红色；
宽度：150px；
边际上限：0px；
左边距：150像素；
位置：绝对位置；
显示：无；
边框底部：1px实心#000；
浮动：左；
}
.pod_nav3{
背景：红色；
宽度：150px；
边际上限：0px；
左边距：300px；
位置：绝对位置；
显示：无；
边框底部：1px实心#000；
浮动：左；
}
.pod_nav4{
背景：红色；
宽度：149px；
边际上限：0px；
左边距：450px；
位置：绝对位置；
显示：无；
右边框：1px实心#000；
边框底部：1px实心#000；
边界半径：0 5px 0；
浮动：左；
}
/*Конец описания верхнего меню*/
/*Начало описания языковой панели*/
#语言菜单{
边际：0px；
填充：0px；
宽度：110px；
高度：35px；
背景：#51284f；
边界半径：0px 0px 15px 15px；
浮动：对；
}
#语言菜单{
边际：0px；
填充：0px；
列表样式：无；
位置：相对位置；
}
#语言菜单李{
浮动：左；
}
#语言菜单李a{
填充：4px0px；
利润率：0px 7.3px；
颜色：#fff；
字体大小：16px；
文字装饰：无；
显示：块；
}
#语言菜单li a：悬停{
填充：0px 0px；
边框顶部：3倍纯色#fff；
}
/*Конец описания языковой панели*/
.标志{
保证金：0；
填充：0；
边缘顶部：25px；
浮动：左；
不透明度：0.7；
位置：相对位置；
z指数：30；
}
.徽标：悬停{
不透明度：1；
}
.logo img{
边界：无；
}
/*Начало описания центрального меню*/
#中间菜单{
宽度：1100px；
填充：0；
保证金：0自动；
边缘顶部：20px；
边框顶部：1px实心#C4C4；
边框底部：1px实心#C4C4；
浮动：左；
}
#中菜单{
保证金：0；
填充：0；
列表样式：无；
位置：相对位置；
}
#中菜单{
列表样式：无；
浮动：左；
}
#中菜单李a{
填充：0px 10px；
边际：0px；
右边距：5px；
文字装饰：无；
颜色：#000；
字号：18px；
字体系列：蓬帕杜；
显示：块；
}
#中间菜单李a：悬停{
背景：#4444；
颜色：#fff；
}
/*Конец описания центрального меню*/
.u内容{
保证金：0；
边缘顶部：10px；
填充：0；
宽度：1100px；
/*边框：1px实心#000*/
浮动：左；
}
.U.新{
保证金：0；
填充：0；
浮动：左；
}
.新闻表格{
保证金：0；
填充：0；
边缘底部：20px；
浮动：左；
宽度：800px；
}
.news_表h3{
宽度：800px；
保证金：0；
填充：0；
文本对齐：左对齐；
浮动：左；
}
/*----------------------Для пунктов меню и тегов----------------*/
.内容{
边际：0px；
填充：0px；
}
/*-------------------------------------------------------------*/
.一个新的{
保证金：0；
填充：0；
右边距：10px；
宽度：250px；
最大高度：350px；
浮动：左；
}
.1新h4{
保证金：0；
填充：0；
}
.一个新的p{
保证金：0；
填充：0；
字体系列：“Arial”；
字体大小：12px；
文本对齐：居中；
颜色：#717171；
}
.一个新的{
颜色：#000；
文字装饰：无；
}
.1_新a:悬停>h4{
颜色：#444；
}
.1_新a:悬停>p{
颜色：#000；
}
.右分区{
保证金：0；
填充：0；
浮动：对；
宽度：230px；
高度：400px；
}
.cloud_tegs{
保证金：0；
填充：0；
浮动：对；
宽度：226px；
边框：2个实心#C1C1；
边界半径：15px；
}
扎格拉夫先生{
保证金：3px 3px；
填充：2px8px；
颜色：#fff；
字号：18px；
字体系列：“新罗马时代”；
背景：#51284f；
边界半径：15px；
}
.tegs{
边际：0px；
填充：3px6px；
}
.tegs img{
保证金：0；
填充：0；
W
.uslugi .block_menu {
  display: none;
}

.uslugi.open .block_menu {
  display: block;
}        

$(body).on("click", function() {
  $(".uslugi").removeClass("open");
});

$(".uslugi").on("click", function(e) {
    e.stopPropagation();
});

// You should set a class to fix this poor selector
$(".uslugi").children("a").on("click", function() {
  $(".uslugi").toggleClass("open");
});

$(".uslugi>a").click(function (e) {
    e.preventDefault();
    $(this).siblings().children().toggle();
    $(this).focus();
}).blur(function () {
    $(this).siblings().children().hide();
});

<html onclick="hidePopupMenus(event);">

html
   {
    height:100%;
   }

function hidePopupMenus(event)
{
    if(event.target.id != 'whateverOpensMyPopup')
    {
        document.getElementById('popUpThingy').style.display = 'none';
    }
}