博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
页面点击其他位置,目标标签都隐藏
阅读量:6873 次
发布时间:2019-06-26

本文共 812 字,大约阅读时间需要 2 分钟。

hot3.png

这是显示几个省份的内容,达到的效果是 input标签点击下面的span标签显隐,而且 我点击页面其他地方的时候这个span标签都要隐藏起来;

       $(document).bind('click',function(){        	$('#proMessage').hide();    	}); //点击页面任何地方,span标签都隐藏    	$('#province').bind('click',function(e){        	stopPropagation(e);  //阻止默认行为,因为他要控制span标签的显隐    	});            $('#province').click(function(event) {            $('#proMessage').toggle();  //控制span标签显隐        });

还差一个阻止默认行为的函数

function stopPropagation(e) {                if (e.stopPropagation)                    e.stopPropagation();                else                    e.cancelBubble = true;            }

ok效果达到,主要是在于阻止冒泡的函数;

转载于:https://my.oschina.net/leonaLily/blog/410810

你可能感兴趣的文章
主流web容器(jetty,tomcat,jboss)的classloader机制对比和相关问题分析
查看>>
GIL 已经被杀死了么?
查看>>
关联本地仓库和Github远程仓库并对git push报错处理
查看>>
AAC架构系列二(DataBinding)
查看>>
react项目环境
查看>>
从线程模型的角度看 Netty 为什么是高性能的?
查看>>
策略模式
查看>>
了解 Shadow DOM v1
查看>>
js之三大家族+event事件对象
查看>>
rabbitmq消息队列——"工作队列"
查看>>
聊聊Gradle插件
查看>>
也开始写点东西...
查看>>
JQuery raty.js书写星星评价步骤
查看>>
【算法技巧】位运算装逼指南
查看>>
CSS基础概念记录之元素类型
查看>>
[译] Go 代码评审常见问题
查看>>
SQL汇总数据
查看>>
02-MPLS 工作原理--MPLS报头版
查看>>
我的友情链接
查看>>
我的友情链接
查看>>