Bootstrap的popover(彈出框)2秒后定時消失的實現(xiàn)代碼
更新時間:2017年02月27日 15:17:19 作者:向著陽光微笑
Bootstrap Popover(彈出框)是使用定制的 Jquery 插件創(chuàng)建的。它可以用來顯示任何元素的一些信息。這篇文章主要介紹了Bootstrap的popover(彈出框)2秒后定時消失功能,需要的朋友參考下
Bootstrap Popover(彈出框)是使用定制的 Jquery 插件創(chuàng)建的。它可以用來顯示任何元素的一些信息。
先在目標DOM結(jié)構(gòu)中彈出小提示,然后2秒后提示消失
<input type="text" class="form-control" id="tableName" placeholder="請輸入表格名稱" data-toggle="tooltip" data-placement="top">
<script>
function showPopover(target, msg) {
target.attr("data-original-title", msg);
$('[data-toggle="tooltip"]').tooltip();
target.tooltip('show');
target.focus();
//2秒后消失提示框
var id = setTimeout(
function () {
target.attr("data-original-title", "");
target.tooltip('hide');
}, 2000
);
}
showPopover($("#tableName"),"表名已存在");
</script>
以上所述是小編給大家介紹的Bootstrap的popover(彈出框)2秒后定時消失,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
javascript調(diào)試過程中找不到哪里出錯的可能原因
本文為大家講解下在寫javascript時找不到哪里出錯的可能原因,遇到的朋友可以參考下2013-12-12
List the Codec Files on a Computer
List the Codec Files on a Computer...2007-06-06

