ICode9

精准搜索请尝试: 精确搜索
首页?>?bet356体育下载> 文章详细

javascript – jQuery – 单击外部div后隐藏div菜单

2019-09-30 10:35:06??阅读:9??来源: 互联网

标签:javascript?jquery


我在以下位置构建了一个下拉菜单:

http://www.ourbridalsongs.com/new_header/header.php

bet356体育下载当您点击徽标旁边的向上/向下箭头 – 菜单出现时 – 我想让它在点击屏幕上的任何其他位置时消失 – 由于某种原因它会卡住并且不会向上滑动.

谁能帮忙解决这个问题!

这是我的脚本:

$(document).ready(function () {

    $("ul.subnav").parent().append("");
    $("ul.topnav li span").click(function () {
        $(this).parent().find("ul.subnav").slideDown('slow').show();
        $(this).parent().click(function () {}, function () {
            $(this).parent().find("ul.subnav").slideUp('slow');
        });
    }).hover(function () {
        $(this).addClass("subhover");
    }, function () {
        $(this).removeClass("subhover");
    });

});

谢谢!!!

解决方法:

在您的代码中添加此代码段

$(document).click(function(e){
    var myTarget = $(".subnav");
    var clicked = e.target.className;
    if($.trim(myTarget) != '') {
        if($("." + myTarget) != clicked) {
            $("ul.subnav").slideUp('slow').hide();
        }
    }
});

当您单击文档中的任何位置时,这将关闭您的ul.subnav.



标签:javascript,jquery

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有