模糊功能不起作用

时间:2016-09-18 00:43:06

标签: javascript jquery

我正在尝试使用模糊功能,但是,它不起作用。如果用户点击外部,我想隐藏div。

<div id="container">
Links
</div>

$(document.body).on('blur', '[id="container"]' ,function(){
$("#container").hide();
});

正确的方法是什么?

1 个答案:

答案 0 :(得分:2)

这就是问题所在:

  1. <add input="{REQUEST_URI}" pattern="on" ignoreCase="true" pattern="^profile\/.*"> 应为document.body
  2. document应为[id="container"]。更好的选择器。
  3. #container没有<div />个事件。因此,请使用blur事件代替click
  4. blur方式:

    通过提供属性tabindex,元素可以生成tabindexblur个事件。现在给它focus就行了。

    <强>段

    &#13;
    &#13;
    blur
    &#13;
    $(document).on('blur', '#container' ,function(){
      $("#container").hide();
    });
    &#13;
    #container {height: 100px; background: #ccc;}
    &#13;
    &#13;
    &#13;