bootstrap插件--笔记（3）

        模态弹出框

        .modal    模态声明

        .show   显示

        .fade    弹出时，淡入淡出

        .modal-dialog   窗口声明

        .modal-content

        .modal-header    .modal-body     .modal-footer(footer右对齐)

        .modal-lg    .modal-sm  （给.modal-dialog设置）

        .data-dismiss="modal"  给关闭按钮（class="close"）

        点击按钮弹出对话框：

                <button type="button" class="btn btn-default" data-tggle="modal" data-target="#myModal">注册</button>

        用法：

                属性：data-toggle="modal" data-target="#myModal"

                JS调用：$("#myModal").modal({

                        backdrop : static,

                        keyboard : true,

                        show : true,

                        remote : "index.html"

                });

                上面4个参数都可以是属性，只要加上data前缀，既data-backdrop，remote改成href

        .modal("show") 显示

        .modal ("hide")    隐藏

        .modal ("toggle")

        事件：

                show.bs.modal   在show之前触发

                shown.bs.modal   弹框弹出后触发

                hide.bs.modal   hide调用后触发

                hidden.bs.modal   弹框完全隐藏后触发

                loaded.bs.modal   远程数据加载完后触发

       下拉菜单

       ①class="dropdown"

       ②data-toggle="dropdown"

       ③class="dropdown-menu"

       如果button与dropdown-menu不在同一个dropdown，要用data-target="id"

       方法：$("btn").dropdown();       只能打开，不能关闭

                  $("btn").dropdown("toggle");      默认打开，不能关闭

        事件：

                show.bs.dropdown   在show之前触发

                shown.bs.dropdown   打开后触发

                hide.bs.dropdown   hide调用后触发

                hidden.bs.dropdown   关闭后触发