当前位置:  开发笔记 > 前端 > 正文

Bootstrap Popover输入字段

如何解决《BootstrapPopover输入字段》经验,为你挑选了3个好方法。

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

 

  

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



1> Christoffer..:

隐藏它的一种简单方法是订阅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');
        });
});



2> user2693017..:

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

$('#element').popover({ trigger: 'focus', title: 'Twitter Bootstrap Popover', content: "It's so simple to create a tooltop for my website!" })



3> 小智..:

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

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


推荐阅读
拾味湖
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有