首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Bootstrap Popover输入字段

Bootstrap Popover输入字段
EN

Stack Overflow用户
提问于 2013-05-11 09:54:41
回答 5查看 39.1K关注 0票数 15

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

代码语言:javascript
复制
 <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> 

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

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-05-11 10:06:56

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

代码语言:javascript
复制
$(function () {
    $("#example")
        .popover({ title: 'Twitter Bootstrap Popover', content: "It's so simple to create a tooltop for my website!" })
        .blur(function () {
            $(this).popover('hide');
        });
});
票数 33
EN

Stack Overflow用户

发布于 2014-03-17 01:31:23

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

代码语言:javascript
复制
$('#element').popover({ trigger: 'focus', title: 'Twitter Bootstrap Popover', content: "It's so simple to create a tooltop for my website!" })
票数 16
EN

Stack Overflow用户

发布于 2015-03-16 18:16:15

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

代码语言:javascript
复制
$(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!" />
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16493003

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档