-
注意jQuery版本查看全部
-
1查看全部
-
$(function(){ $(".btn").click(function(){ $("#mymodal").modal({ keyboard:true, backdrop:"static", show:true, remote:"" }); }); });查看全部
-
JavaScript觸發(fā)方法模態(tài)彈出窗：通過給一個元素一個事件，來觸發(fā)； 自定義屬性觸發(fā)模態(tài)彈出框：通過 data-相關(guān)屬性； 但兩者都用到方法modal()，必須引入“bootstrap.min.js”查看全部
-
第六步，定義data-parent屬性，實現(xiàn)點擊一個其中一個元素時，關(guān)閉所有的折疊區(qū)，再打開所單擊的區(qū)域（如果所單擊區(qū)域是展示的，則會關(guān)閉）。這個data-parent取值與手風(fēng)琴面板容器的標(biāo)識符相匹配，比如這個例子是指 #myAccordion：查看全部
-
第五步，激活手風(fēng)琴交互行為。要完成交互行為，需要在標(biāo)題鏈接中自定義兩個屬性，一個是data-toggle，并且取值為collapse；另一個是data-target，取值為各個面板內(nèi)容區(qū)的標(biāo)識符，比如說ID，在這個例子分別是#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)隊成長</a></li> <li><a href="##">leader成員</a></li> <li><a href="##">活動</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>查看全部
-
動畫過渡（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"> 點擊我會彈出模態(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>查看全部
-
上述單獨插件的下載可到github去下載（https://github.com/twbs/bootstrap）。查看全部
-
JavaScript觸發(fā)的彈出窗代碼： $(function(){ $(".btn").click(function(){ $("#mymodal").modal(); }); });查看全部
-
動畫過渡（Transitions）:對應(yīng)的插件文件“transition.js” 模態(tài)彈窗（Modal）:對應(yīng)的插件文件“modal.js” 下拉菜單（Dropdown）：對應(yīng)的插件文件“dropdown.js” 滾動偵測（Scrollspy）：對應(yīng)的插件文件“scrollspy.js” 選項卡（Tab）：對應(yīng)的插件文件“tab.js” 提示框（Tooltips）：對應(yīng)的插件文件“tooltop.js” 彈出框（Popover）：對應(yīng)的插件文件“popover.js” 警告框（Alert）：對應(yīng)的插件文件“alert.js” 按鈕（Buttons）：對應(yīng)的插件文件“button.js” 折疊/手風(fēng)琴（Collapse）：對應(yīng)的插件文件“collapse.js” 圖片輪播Carousel：對應(yīng)的插件文件“carousel.js” 自動定位浮標(biāo)Affix：對應(yīng)的插件文件“affix.js”查看全部
-
dropdown查看全部
舉報
0/150
提交
取消