如何将外部 html 表单加载到 Simplemodal OSX 样式对话框中答案

【问题标题】：Howto load an external html form into Simplemodal OSX style dialog如何将外部 html 表单加载到 Simplemodal OSX 样式对话框中
【发布时间】：2011-03-05 07:34:20
【问题描述】：

感谢您的 jquery 插件。我知道如何使用此代码将外部 html 页面加载到简单模式对话框中：

var src = "form.html";
$.modal('<iframe src="' + src + '" height="430" width="510" style="border:0">', {
closeHTML:"",
containerCss:{
    backgroundColor:"#ffa",
    borderColor:"#ffa",
    height:350,
    padding:0,
    width:530
},
overlayClose:true
});

我想用 simplemodal osx 风格做同样的事情。可能吗？

感谢您的帮助。

蒂博

【问题讨论】：

哈哈@你好埃里克

标签： jquery simplemodal

【解决方案1】：

我不是 Eric，但这应该允许您省略 iframe 并使用您想要的任何样式（不确定 OS X 样式是什么——也许是一个主题？）：

$.get('form.html', function(response) {
  $.modal(response, {
    closeHTML:"",
    containerCss:{
      backgroundColor:"#ffa",
      borderColor:"#ffa",
      height:350,
      padding:0,
      width:530
    },
    overlayClose:true
  });
});

【讨论】：

感谢您的回复，但我已经可以在简单模式对话框中获得此结果。我希望在 OSX 样式对话框中拥有我的外部表单。在这里你可以看到一个 osx 风格的例子：ericmmartin.com/projects/simplemodal-demos
我意识到这个解决方案看起来应该和你已经拥有的没有什么不同。这样，您可以使用已加载的样式将任何样式应用于加载的内容。 OS X 风格会带来什么——你必须更具体地说明你的目标是什么或你的问题是什么。
我知道这是一个老问题。我正在为我的项目使用 eric 的 osx-style-dialog。我想知道如何改变窗口的宽度

【解决方案2】：

因此，在查看了 simplemodal，更具体地说是 OSX 示例之后，它似乎是使用原型而不是 jQuery 构建的（这就是 simplemodal 网站所说的）。为什么不在外部表单中使用原型添加？你到底有什么问题？模式不起作用还是没有添加表单？还是有其他问题？细节会有所帮助。

【讨论】：