我正在尝试使用模糊功能,但是,它不起作用。如果用户点击外部,我想隐藏div。
<div id="container">
Links
</div>
$(document.body).on('blur', '[id="container"]' ,function(){
$("#container").hide();
});
正确的方法是什么?
答案 0 :(得分:2)
这就是问题所在:
<add input="{REQUEST_URI}" pattern="on" ignoreCase="true" pattern="^profile\/.*">
应为document.body
。document
应为[id="container"]
。更好的选择器。#container
没有<div />
个事件。因此,请使用blur
事件代替click
。 blur
方式:
通过提供属性tabindex
,元素可以生成tabindex
和blur
个事件。现在给它focus
就行了。
<强>段强>
blur
&#13;
$(document).on('blur', '#container' ,function(){
$("#container").hide();
});
&#13;
#container {height: 100px; background: #ccc;}
&#13;