2014-12-04 63 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(); 
    });