2012-01-11 53 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