Bootstrap的popover(彈出框)2秒后定時(shí)消失的實(shí)現(xiàn)代碼
Bootstrap Popover(彈出框)是使用定制的 Jquery 插件創(chuàng)建的。它可以用來顯示任何元素的一些信息。
先在目標(biāo)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秒后定時(shí)消失,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
詳解js正則表達(dá)式驗(yàn)證時(shí)間格式xxxx-xx-xx形式
本篇文章主要介紹了詳解js正則表達(dá)式驗(yàn)證時(shí)間格式xxxx-xx-xx形式,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-02-02javascript調(diào)試過程中找不到哪里出錯(cuò)的可能原因
本文為大家講解下在寫javascript時(shí)找不到哪里出錯(cuò)的可能原因,遇到的朋友可以參考下2013-12-12await/async無法捕獲與處理錯(cuò)誤信息的解決方案分享
async await 中添加錯(cuò)誤處理個(gè)人認(rèn)為是有必要的,下面這篇文章主要給大家介紹了關(guān)于await/async無法捕獲與處理錯(cuò)誤信息的解決方案,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02List the Codec Files on a Computer
List the Codec Files on a Computer...2007-06-06