Question

用jquery怎么写这个 当点击一个按钮时会出现一个信息框 然后再点击空白地方是信息框会消失

用jquery怎么写这个 当点击一个按钮时会出现一个信息框 然后再点击空白地方是信息框会消失

Answer 1

你好 其实这中间涉及到 两个事件 一个 点击事件 一个 失去焦点事件(点击空白 消息框自然就不是焦点了所以用这个事件)
假设 按钮 id=a 信息框 id=b
$("#a").click(function(){
$("#b").show();
})

$("#b").blur(function(){
$(this).hide();
});
希望能帮到你 谢谢

追问

试了，怎么不行呢

追答

你贴代码上来 看下 最好是截个图

追问

追答

······我以为你懂jquery·····你不放在 $(function(){}) 他怎么会执行呢？

$(function(){
$("#b")......
$("#a").........
})

追问

但是要先点击一下需要隐藏的块 再点击空白地方 那个块才会隐藏 。 显示出来之后，再点击空白处就给隐藏了怎么做

追答

你提问说 消息框  我还一直把他当弹出input来处理  现在这种结构 也行  已测试 上图如下：

追问

还是要先点击下 要隐藏的块 再点击空白处才能隐藏

追答

不要 图1 为代码 图2为 未点击状态 图3为点击红色区域内任意点之后的状态 图4为点击红色区域之外的状态 你仔细看了我代码么？
我加了 $("#b").focus(); 这个放在显示中 当他show出来的时候 让他获取焦点
仔细看我贴的代码 谢谢

追问

只在ie浏览器中可以 在其他浏览器中不能隐藏

追答

额 这个我就没测试了 因为 editplus采用的浏览内核是ie的 但是 应该也是可以的 这个最简单的jquery效果 还是应该兼容的

追问

但是其他浏览器不能隐藏啊 怎么办 能不能再帮我想想办法

追答

有一个解决方案 就是要求 点击必须在红色区域内 点一下显示 点一下隐藏 这样可以做到 并且所有浏览器都兼容
$(function(){
$("#a").toggle(function(){
$("#b").show();
} ,function(){
$("#b").hide();
})
})

追问

好的 可以了 非常感谢 不好意思 麻烦您了

追答

不客气