2012-01-11 55 views
0

我有一個非常基本的問題,使用jQuery simplemodal當我想不通:http://www.ericmmartin.com/projects/simplemodal/jQuery的SimpleModal顯示滾動條

下面是說明的jsfiddle:http://jsfiddle.net/F5tN9/1/

我想點擊一個鏈接(見「點擊我」鏈接),並顯示一個模式對話框。但是,如果對話框中的文本太多,SimpleModal會將框的大小調整得太小,以至於最終會出現滾動條。我不確定解決這個問題的最佳方法(也許在回調中強制元素高度自動調整?),但我認爲這是一個非常基本的例子,並且必須有一些解決方案或理由,爲什麼它沒有工作的權利。

+0

所以你不想有一個滾動條,無論文本多長時間,對不對? – redmoon7777 2012-01-11 23:47:55

+0

是的,我希望模態框能夠擴大其高度。 – Matt 2012-01-11 23:53:32

回答

0
$(function() { 
    $('#click').click(function(e) { 
     e.preventDefault(); 
     $('#modal_soon').modal({ 
      overlayClose : true, 
      containerCss: {'height': 'auto !important'} 
     }); 
    }); 
}); 
+1

爲什麼你不添加在CSS中:#simplemodal-container {height:auto!important}? – chchrist 2012-01-11 23:57:49

+0

@christrist我以爲我曾嘗試過,我想不是因爲它運作良好。 – Matt 2012-01-12 00:00:10