15

是否可以在用户单击输入字段时触发弹出事件,然后在用户单击另一个字段时禁用它?这就是我所拥有的,但是当用户单击另一个字段时它不会禁用。

 <input id="example" />

 <script>
  $(document).ready(function() {
    $(function ()  
      { $("#example").popover({title: 'Twitter Bootstrap Popover', content: "It's so simple to create a tooltop for my website!"});  
    });  
   });
 </script> 

当用户单击另一个输入字段时,如何禁用此弹出框?谢谢!

4

5 回答 5

33

隐藏它的一种简单方法是订阅blur

$(function () {
    $("#example")
        .popover({ title: 'Twitter Bootstrap Popover', content: "It's so simple to create a tooltop for my website!" })
        .blur(function () {
            $(this).popover('hide');
        });
});
于 2013-05-11T02:06:55.530 回答
16

我用 Christoffers 的答案做了一些测试,并将其最小化:

$('#element').popover({ trigger: 'focus', title: 'Twitter Bootstrap Popover', content: "It's so simple to create a tooltop for my website!" })
于 2014-03-16T17:31:22.520 回答
8

我认为如果您使用 HTML5 会更容易:

$(document).ready(function () {
    $('#example').popover();
}

<input id="example" type="text" data-toggle="popover" data-trigger="focus" data-placement="right" data-content="It's so simple to create a tooltop for my website!" />
于 2015-03-16T10:16:15.110 回答
3

您可以使用“触发器”隐藏“弹出框”!

<script>
$(document).ready(function() {
     $(function ()  
     {
         $("#contato").popover({title: 'Twitter Bootstrap Popover', trigger: 'focus', content: "It's so simple to create a tooltop for my website!"});  
     });  
});
</script> 
于 2013-08-12T12:47:56.867 回答
1

假设您的链接是

<a href="#foo" id="bas">bar<a>

您可以通过简单地添加以下 js 来隐藏弹出框:

$('#bas').on('click',function() {
    $('#example').popover('hide');
});
于 2013-05-11T02:10:49.177 回答