先貼上最終效果圖
參考的菜鳥(niǎo)教程地址 https://www.runoob.com/bootstrap/bootstrap-tooltip-plugin.html
要求:
- 合成失敗時(shí),增加鼠標(biāo)移入顯示懸停信息(信息也從接口讀瑞埂)
上代碼,我是bootstarp渲染的列表頁(yè)
$(function () { $("[data-toggle='popover']").popover(); });
<span data-toggle="tooltip" data-placement="right" title="此處是提示信息">合成失敗</span>
教程里寫(xiě) data-placement="right"是彈框顯示的方位,但是我換top阵翎,bottom都依舊是在下方谤饭,我就先這樣吧
就這兩行代碼!!S睾铩!我琢磨了一兩個(gè)小時(shí)背伴,沖~
還有一種Bootstrap 的彈出框(Popover)插件沸毁,這種是點(diǎn)擊的
參考地址https://www.runoob.com/bootstrap/bootstrap-popover-plugin.html