2014-12-04 33 views
0

有没有办法添加最小化功能来引导模态对话框?最小化或折叠引导程序2.3.2模态对话框?

<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的用户界面对话框有一个这样的功能:http://jsbin.com/ehagoy/154

为什么-1?

+0

是什么“最小化“的意思就模式?根据定义,模态不允许超出自身的行为。 – isherwood 2014-12-04 21:10:43

+0

定义最小化。现在,你可以关闭它并重新打开它... – 2014-12-04 21:10:49

+0

更好的方法可能是更改触发模式的可用选项 - 在视口或其他位置添加选项卡。 – isherwood 2014-12-04 21:11:38

回答

1

也许是这样的:

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

可以帮助你..
如果你想为一个按钮,只改变.modal头的按钮ID:

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