Bootstrap Popover輸入字段

當用戶在輸入字段中單擊時是否可以觸發彈出事件，然後在用戶單擊另一個字段時禁用它？這是我的，但當用戶點擊另一個字段時，它不會禁用。Bootstrap Popover輸入字段

<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>

當用戶單擊另一個輸入字段時，如何禁用此彈出窗口？謝謝！

來源

2013-05-11 Nick B

的注意事項，'$（處理器）'相當於$（document）.ready（handler）'，所以不需要同時使用：http://api.jquery.com/ready/ – Christoffer 2013-05-11 01:59:25

Thanks @Christoffer！ – 2013-05-11 02:02:38

隱藏的一個簡單的方法將是訂閱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-11 02:06:55 Christoffer

讓我們假設你的鏈接是

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

，你可以通過簡單地添加以下的js隱藏酥料餅：

$('#bas').on('click',function() { 
    $('#example').popover('hide'); 
});

來源

2013-05-11 02:10:49

您可以使用「觸發器」隱藏「彈出窗口」！

<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-12 12:47:56 Fabiano

我做了一些測試與Christoffers答案，並得到了其最小化：

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

來源

2014-03-16 17:31:22 user2693017

新增獎金;當您單擊輸入字段兩次時，彈出窗口不會消失。正是我需要的！ – kramer65 2014-12-08 00:01:21

我認爲它更容易，如果你使用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-16 10:16:15 tony

Bootstrap Popover輸入字段

回答

相關問題