【问题标题】:jQuery uniForm dropdown not working in jQuery UI Dialog + iFrame in IE7jQuery uniForm 下拉菜单在 IE7 中的 jQuery UI Dialog + iFrame 中不起作用
【发布时间】:2011-12-02 16:02:37
【问题描述】:

我有一个网站,它使用 jQuery UI 在模式对话框中显示位于另一个域的表单,该对话框使用 iFrame 来包含外部页面。所以:用户点击 mysite.com/page.html 上的按钮,弹出显示 google.com 或 myform.com/form1.asp 等的对话框。问题是 form1.asp 也在使用 jQuery(jquery.uniform,准确地说)制作精美的下拉列表。在 Internet Explorer 7 中的 iframe + Dialog 组合内打开时,下拉菜单不起作用。我没有在任何其他浏览器中看到或听到过对此的抱怨(尽管可以肯定的是其他 IE 版本也存在问题),但该网站的大部分观众使用 IE7,因此我们不能忽视这个问题。

有没有人见过这样的事情,你能提出解决办法吗?这是 IE 无法在 iframe 中加载脚本的问题吗?

谢谢,

  • 马特

【问题讨论】:

  • 为了进一步测试这一点,我创建了一个非常简单的 HTML 文档,其中只有一个指向 jquery 的脚本标记和一个指向具有统一内容的页面的 iFrame。
  • 我实际上是在将此归咎于 IE7。我用一个简单的 html 文档尝试了同样的事情,只有一个 iframe 指向下拉插件的主页,并且该主页仅在此浏览器中存在相同的问题。最终选择了另一个插件。

标签: jquery jquery-ui iframe internet-explorer-7 jquery-ui-dialog


【解决方案1】:

答案实际上在我的 cmets 上面,但我也会放在这里:

外部域中的自定义表单使用 jQuery 插件来生成精美的下拉列表。无论出于何种原因,这个插件在 Internet Explorer 7 的 iframe 中都不起作用。这似乎是一个浏览器问题,因为我可以在我可用的所有其他浏览器(FF、GC、IE9)中正常运行它,包括 IE7 中的 IE9模式(怪癖和标准)。因此,在 IE7 中避免此问题的解决方案是不使用此插件。幸运的是,有很多 jquery 和其他可用的 javascript 插件可以满足相同的要求。

我通过创建一个非常简单的 html 文档来测试这一点,其中只有一个 iframe 指向插件创建者的主页(他们在页面上有一个示例)。即使在这个简单的页面上它也不起作用,这就是我得出这个结论的方式和原因。如果表单与带有 iframe 的页面位于同一域中,则该插件很可能会起作用,但我没有对此进行测试。

感谢认真思考这个问题的人!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-01
    • 1970-01-01
    • 2013-12-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多