-
彈出框除了有標(biāo)題 title 以外還增加了內(nèi)容 content 部分。這個(gè)在提示框中是沒(méi)有的。查看全部
-
data-trigger="click" data-animation="true" data-animation="true"查看全部
-
data-delay="500"查看全部
-
$(function(){ $('#myTooltip').tooltip({ title:"我是一個(gè)提示框，我在頂部出現(xiàn)", placement:'top' }); });查看全部
-
最簡(jiǎn)單的觸發(fā)方式如下： $(function(){ $('[data-toggle="tooltip"]').tooltip(); }); 除此之外，也可以單獨(dú)指定一個(gè)元素，在該元素上調(diào)用提示框，并且可能通過(guò)JavaScript的各種參數(shù)來(lái)實(shí)現(xiàn)，無(wú)需定義一些 data 屬性，如： $(function(){ $('#myTooltip').tooltip({ title:"我是一個(gè)提示框，我在頂部出現(xiàn)", placement:'top' }); });查看全部
-
需要特別注意的是： 1、如果同時(shí)設(shè)置了 data-original-title 和 title 定義提示信息，那么 data-original-title 的優(yōu)先級(jí)要高于 title。只有 data-original-title 值為空時(shí)，才會(huì)取 title 的值做為提示信息的內(nèi)容。 2、Bootstrap框架中的提示框的觸發(fā)方式和前面介紹的插件略有不同。不能直接通過(guò)自定義的屬性 data- 來(lái)觸發(fā)。必須得依賴于JavaScript的代碼觸發(fā)。（所以右側(cè)代碼是沒(méi)有動(dòng)畫(huà)效果的，不要著急，后面小節(jié)會(huì)有講解。）查看全部
-
在Bootstrap框架中的提示框，結(jié)構(gòu)非常簡(jiǎn)單，常常使用的是按鈕<button>標(biāo)簽或者鏈接<a>標(biāo)簽來(lái)制作。不管是使用按鈕還是鏈接來(lái)制作提示框，他們都有一個(gè)共性： 通過(guò) title 屬性的值來(lái)定義提示信息(也可以使用自定義屬性 data-original-title 來(lái)設(shè)置提示信息)。 通過(guò) data-placement 自定義屬性來(lái)控制提示信息框的位置，根據(jù)四種不同的位置，data-placement具有四個(gè)值：top、right、bottom和left，分別表示提示框出現(xiàn)的位置在頂部、右邊、底部和左邊。 還有一個(gè)最重要的參數(shù)不可缺少，data-toggle="tooltip"。查看全部
-
data-toggle="tooltip" data-placement="left"查看全部
-
data-toggle="tab" 或 data-toggle="pill" 的屬性查看全部
-
$(function(){ $("#myTab a").click(function(e){ e.preventDefault(); $(this).tab("show"); }); })查看全部
-
data-toggle="dropdown"屬性查看全部
-
$(".dropdown-toggle").one("click",function(){ $(this).dropdown("toggle"); })查看全部
-
$(function(){ $(".dropdown-toggle").dropdown("toggle"); })查看全部
-
$(function(){ $(".dropdown-toggle").dropdown(); })查看全部
-
簡(jiǎn)單的說(shuō)，要制作下拉菜單，其結(jié)構(gòu)基本如下： <div class="dropdown"> <a data-toggle="dropdown" href="#">下拉菜單觸發(fā)器</a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> ... </ul> </div>查看全部
舉報(bào)
0/150
提交
取消