iframe - 使用 SimpleModal 并打开 Iframe 时，它​​会调用 src 两次

Question

我正在使用 SimpleModal 并且我正在打开一个 Iframe(使用 ff)
它似乎在 ie9 中工作正常，但在 ff 中它两次调用 iframe src

谢谢你的帮助

我正在调用的代码看起来像

function addNew(){
    var src = "/php/ftp/parsehome.php?dir="+userDir+"&idx=new";
    $.modal('<iframe src="' + src + '" height="445" width="800" style="border:0">', {
          containerCss:{
              backgroundColor:"#E1EFF7",
              borderColor:"#00A99D",
              height:450,
              padding:0,
              width:840
              },
              modal: true
           });
}

Answer 1

我遇到了同样的问题。查看插件代码...

// add styling and attributes to the data
// append to body to get correct dimensions, then move to wrap
s.d.data = data
    .attr('id', data.attr('id') || s.o.dataId)
    .addClass('simplemodal-data')
    .css($.extend(s.o.dataCss, {
        display: 'none'
    }))
    .appendTo('body');
data = null;

您可以看到 data用 .appendTo('body'); 行添加到页面正文中计算模态的正确尺寸。如果您注释掉这一行，它将阻止 iframe 被调用两次。

// add styling and attributes to the data
// append to body to get correct dimensions, then move to wrap
s.d.data = data
   .attr('id', data.attr('id') || s.o.dataId)
   .addClass('simplemodal-data')
   .css($.extend(s.o.dataCss, {
      display: 'none'
   }));
data = null;

不确定此修改是否会导致您的模态尺寸尺寸错误，但我的 iframe 设置为 width=100%和 height=100%所以没有影响我。