网络大杂烩首页

网络大杂烩

  • 网站首页
  • HTML/CSS
  • javascript
  • seo优化
  • PS美工
  • 系统安全
  • 漏洞预警
  • 编程学习
  • 原创专区
  • 【网络大杂烩】是一家综合技术门户,为您提供网站建设,编程开发,安全维护,漏洞预警等技术文章

    技术文章MAP

    文章

    jquery点击页面隐藏DIV

    日期:2019/12/8 18:58:07来源分类:javascript

    要求点击div#searchSelected显示div#searchTab,当点击页面其它地方的时候也需隐藏div#searchTab

    js代码:

    function stopPropagation(e) {
        if (e.stopPropagation)
            e.stopPropagation();
        else
            e.cancelBubble = true;
    }
    $(function(){
        $(document).click(function(){
            $("#searchTab").hide();
            $("#searchSelected").removeClass("searchOpen");
        });
        $("#searchSelected").bind('click', function(e){
            stopPropagation(e);
            $("#searchTab").show();
            $(this).addClass("searchOpen");
        });
    });
    就是相当于点击div#searchSelected的时候要阻止页面其它的事件

    随机推荐

    • 该分类还没有添加任何内容!
    • 该分类还没有添加任何内容!

    Copyright 2005-2019 【网络大杂烩】 版权所有 黑ICP备16886888号

    声明:本站所有文章来自互联网 如有异议 请联系本站管理员