PHP技术,PHP研究及学习,Python学习,人工智能,大数据服务

PHP+Python » 前端设计 » jquery点击页面隐藏DIV

jquery点击页面隐藏DIV

此文被围观1956日期: 2014-09-11 分类 : 前端设计  标签:  ····

先看一下html页面:

要求点击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的时候要阻止页面其它的事件


更加详细的说明请参阅上一篇文章:    jquery点击页面隐藏,由点击页面其它地方隐藏div所想到的jQuery的delegate

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2018adophper.com All Rights Reserved.