前些天發(fā)現(xiàn)了一個(gè)巨牛的人工智能學(xué)習(xí)網(wǎng)站，通俗易懂，風(fēng)趣幽默，忍不住分享一下給大家。點(diǎn)擊跳轉(zhuǎn)到教程。?

<buttontype="button"class="update-button"style="width:70px; height:40px;"data-toggle="modal"data-target=".update-Dialog"> 編輯</button><div class="modal fade update-Dialog">...</div>

點(diǎn)擊編輯按鈕，彈出一個(gè)靜態(tài)框。

如上例子中的 button，Bootstrap 為這個(gè)元素都綁定了特定事件，覆蓋了這些元素原本的行為，

data-toggle：觸發(fā)事件的類型，如 modal，popover，tooltips 等

data-target ：事件的作用對象?。

以上代碼意思：把 class 為 “ update-Dialog ” 的 div? 作用為一個(gè)?modal（靜態(tài)框）。

?

運(yùn)行效果：

?

參考：https://blog.csdn.net/yzllz001/article/details/73611442

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的Bootstrap 中： data-toggle 与 data-target 的作用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。