SimpleModal：未正确设置高度

Question

我正在使用以下代码创建一个模态（这是coffeescript）

contents  = $('#modalContainer').load(link)
$.modal( contents,
  onShow: (dlg) ->
    $(dlg.container).css('height','auto')

)

并且模式在浏览器窗口的右下象限开始。移动或调整浏览器窗口的大小会使其按预期居中。

在没有onShow回调的情况下运行它以指定高度具有相同的效果。

任何人都有一个简单的解决方案吗？

Answer 1

基本的Javascript陷阱 - 模式是在数据加载之前绘制和定位。修复是将模态加载指定为回调：

contents = $('#modalContainer').load(link, () ->
  $.modal( contents,
    onShow: (dlg) ->
      $(dlg.container).css('height','auto')
  )
)