这是显示几个省份的内容,达到的效果是 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效果达到,主要是在于阻止冒泡的函数;