最小化或折叠引导程序 2.3.2 模式对话框

Minimize or collapse a bootstrap 2.3.2 modal dialog?

本文关键字：对话框 模式 引导程序 折叠 最小化      更新时间：2023-09-26

有没有办法添加最小化功能来引导模式对话框？

 <div class="modal hide fade modal-admin" id="testModal" style="display: none;">
        <div class="modal-header">
          <a data-dismiss="modal" class="close">×</a>
          <h3 id='dialog-heading'></h3>
        </div>
        <div class="modal-body">
            <div id="dialog-data"></div>
        </div>
        <div class="modal-footer">
          <a data-dismiss="modal" class="btn" >Close</a>
          <a class="btn btn-primary" id="btnSaveChanges">Save changes</a>
        </div>
    </div>

我像静态可拖动对话框一样使用它：

   $('#testModal').modal({backdrop:false})
   $('#testModal').draggable({handle: ".modal-header"});

也许我为此使用了错误的小部件，但还有什么？

最小化我的意思是，最小化或折叠对话框，就像一点点窗口小部件。

Jquery-ui 对话框具有这样的功能：http://jsbin.com/ehagoy/154

为什么是 -1？

也许是这样的：

$(".modal-header").click(function(){
    $(".modal-body").slideToggle();
  });

可以帮助你..
如果你想要一个按钮，只更改按钮ID的.modal-header：

$("#mybutton").click(function(){
    $(".modal-body").slideToggle();
  });
相关文章：