-
注意jQuery版本查看全部
-
1查看全部
-
$(function(){ $(".btn").click(function(){ $("#mymodal").modal({ keyboard:true, backdrop:"static", show:true, remote:"" }); }); });查看全部
-
JavaScript觸發(fā)方法模態(tài)彈出窗：通過(guò)給一個(gè)元素一個(gè)事件，來(lái)觸發(fā)； 自定義屬性觸發(fā)模態(tài)彈出框：通過(guò) data-相關(guān)屬性； 但兩者都用到方法modal()，必須引入“bootstrap.min.js”查看全部
-
第六步，定義data-parent屬性，實(shí)現(xiàn)點(diǎn)擊一個(gè)其中一個(gè)元素時(shí)，關(guān)閉所有的折疊區(qū)，再打開(kāi)所單擊的區(qū)域（如果所單擊區(qū)域是展示的，則會(huì)關(guān)閉）。這個(gè)data-parent取值與手風(fēng)琴面板容器的標(biāo)識(shí)符相匹配，比如這個(gè)例子是指 #myAccordion：查看全部
-
第五步，激活手風(fēng)琴交互行為。要完成交互行為，需要在標(biāo)題鏈接中自定義兩個(gè)屬性，一個(gè)是data-toggle，并且取值為collapse；另一個(gè)是data-target，取值為各個(gè)面板內(nèi)容區(qū)的標(biāo)識(shí)符，比如說(shuō)ID，在這個(gè)例子分別是#panel1、#panel2和#panel3：查看全部
-
屬性聲明方法：data-toggle="dropdown" JavaScript觸發(fā)方法： $(function(){ $(".dropdown-toggle").dropdown("toggle"); })查看全部
-
下拉菜單 ul class="nav nav-pills"> <li><a href="##">教程</a></li> <li class="active"><a href="##">前端論壇</a></li> <li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" role="button" data-target="##" id="tutorial2">關(guān)于我們<span class="caret"></span></a> <ul class="dropdown-menu" role="menu" aria-labelledby="tutorial2"> <li><a href="##">團(tuán)隊(duì)成長(zhǎng)</a></li> <li><a href="##">leader成員</a></li> <li><a href="##">活動(dòng)</a></li> </ul> </li> </ul> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>查看全部
-
動(dòng)畫(huà)過(guò)渡（transitions）插件使用: <script src="http;//libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http;//cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-modal.js"></script>查看全部
-
模態(tài)框查看全部
-
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".emodal"> 點(diǎn)擊我會(huì)彈出模態(tài)彈出框 </button> <div class="modal fade emodal"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">模態(tài)彈出窗標(biāo)題</h4> </div> <div class="modal-body"> <p>模態(tài)彈出窗主體內(nèi)容</p></div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">關(guān)閉</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div>查看全部
-
上述單獨(dú)插件的下載可到github去下載（https://github.com/twbs/bootstrap）。查看全部
-
JavaScript觸發(fā)的彈出窗代碼： $(function(){ $(".btn").click(function(){ $("#mymodal").modal(); }); });查看全部
-
動(dòng)畫(huà)過(guò)渡（Transitions）:對(duì)應(yīng)的插件文件“transition.js” 模態(tài)彈窗（Modal）:對(duì)應(yīng)的插件文件“modal.js” 下拉菜單（Dropdown）：對(duì)應(yīng)的插件文件“dropdown.js” 滾動(dòng)偵測(cè)（Scrollspy）：對(duì)應(yīng)的插件文件“scrollspy.js” 選項(xiàng)卡（Tab）：對(duì)應(yīng)的插件文件“tab.js” 提示框（Tooltips）：對(duì)應(yīng)的插件文件“tooltop.js” 彈出框（Popover）：對(duì)應(yīng)的插件文件“popover.js” 警告框（Alert）：對(duì)應(yīng)的插件文件“alert.js” 按鈕（Buttons）：對(duì)應(yīng)的插件文件“button.js” 折疊/手風(fēng)琴（Collapse）：對(duì)應(yīng)的插件文件“collapse.js” 圖片輪播Carousel：對(duì)應(yīng)的插件文件“carousel.js” 自動(dòng)定位浮標(biāo)Affix：對(duì)應(yīng)的插件文件“affix.js”查看全部
-
dropdown查看全部
舉報(bào)
0/150
提交
取消