<button id="btnshow">显示提示文本字</button>
<div id="divPop" style="width:300px;height:100px;border:sloid 1px #000000; display:none; position:absolute; background-color:#f0f0f0">123456</div>
</div><script type="text/javascript">
$(document).ready(function() {
var speed = 500;
$("#btnshow").click(function(event) { event.stopPropagation(); //取消冒泡事件
$("#divPop").show(speed);
});
//再点一次按钮后隐藏
$("#divPop").click(function() {
$("#divPop").hide(speed);
});
//点击其它区域时隐藏
$(document).click(function() {
$("#divPop").hide(speed);
});
});
</script>
现在代码再点一点按钮后却不能隐藏要显示的内容,点其它区域却可能实现!请问代码错在哪里啊?
<div id="divPop" style="width:300px;height:100px;border:sloid 1px #000000; display:none; position:absolute; background-color:#f0f0f0">123456</div>
</div><script type="text/javascript">
$(document).ready(function() {
var speed = 500;
$("#btnshow").click(function(event) { event.stopPropagation(); //取消冒泡事件
$("#divPop").show(speed);
});
//再点一次按钮后隐藏
$("#divPop").click(function() {
$("#divPop").hide(speed);
});
//点击其它区域时隐藏
$(document).click(function() {
$("#divPop").hide(speed);
});
});
</script>
现在代码再点一点按钮后却不能隐藏要显示的内容,点其它区域却可能实现!请问代码错在哪里啊?
解决方案 »
- js中关于setTimeout()与setInterval()的异议
- 如何实现回车是指定文本框数值相加,结果放入另一文本框
- 子窗口给父窗口传值后,父窗口所有text无法修改,请问怎么样解决?
- 请问一下,用javascript 可不可以修改 form 里面的onSubmit 的值!
- Javascript的toString方法
- 正则表达式筛选url?
- (超难)请教高人:怎样才能不让弹出的对话框阻塞页面中正在运行的计时器?
- 在火狐里面打开一会就挂在右下角了 在IE下面没有问题
- 什么样的网址路径可以满足这个JS函数
- 如何用JavaScript控制页面里面显示的内容
- select标签如何实现按输入字符自动选择与首字母匹配的项
- 九九乘法表怎么显示不出来
如果要实现显隐的功能,可用:
$("#btnshow").toggle(function(){$("#divPop").show(speed);},
function(){$("#divPop").hide(speed);})