Firefox 不渲染 JQuery 模式对话框内的元素

发布于 2024-10-12 21:14:06 字数 576 浏览 2 评论 0原文

我试图寻找任何线索，但还没有发现任何线索。看一下以下页面：

http://jqtest.encorephoenix.com/withinput.aspx （带有的 JQuery 模式弹出窗口）

弹出窗口在 IE、Chrome、Safari 和 Opera 中正确呈现。 Firefox 3.6.13 无法正确呈现弹出窗口。您可以在同一 URL 中查看 withoutinput.aspx 来查看 Firefox 是否正确呈现它，因为该页面没有元素。我已经尝试了以下方法，但没有解决这个特殊问题：

更改了 doctype
用于包含
用于包含
使用所有可能的 CSS 显示属性

任何建议将不胜感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

紫竹語嫣☆ 2024-10-19 21:14:06

该修复是由 mayur.unagar 在 http://forums.asp 上建议的.net/t/1643984.aspx，它适用于所有浏览器，当然包括 Firefox。 :)

如果您不想访问该链接，解决方法是从 1.8.8 JQuery UI 的自定义 CSS 中删除 .ui-dialog 类中的 {overflow:hidden;}。我已经在主要浏览器的所有当前发布版本中对其进行了测试。

回复收藏 0 原文

美人如玉 2024-10-19 21:14:06

div 位于页面顶部。现在，我可以通过在类中添加 100px 的 margin-top 来获得显示，

.ui-dialog .ui-dialog-titlebar
{
margin-top:100px;
}

我正在探索更多内容。但其他人可以尝试一下
该弹出窗口在 IE9 上也无法正常工作。

The div is positioned on top of page. For now I was able to get the display by adding margin-top of 100px to class

.ui-dialog .ui-dialog-titlebar
{
margin-top:100px;
}

I am exploring more on it. But others can try on it
The pop up is also not working properly on IE9.

回复收藏 0 原文

十二 2024-10-19 21:14:06

该问题可能与调用就绪事件时运行的函数有关。

如果我将此函数粘贴到 Firebug 控制台并运行它，则会显示模式窗口：

$(function () {
    var dlg = jQuery("#divPopup").dialog({
        modal: true,
        draggable: true,
        resizable: false,
        show: 'Transfer',
        hide: 'Transfer',
        height: 400,
        width: 480,
        minHeight: 400,
        minWidth: 480,
        autoOpen: false
    });
    dlg.parent().appendTo(jQuery("#form1:first"));
});

这表明第一次调用此函数时，它没有正确绑定到 DOM 元素。 HTML 验证错误可能与文档类型相关。

我在 HTML 验证器中看到警告，系统认为它是不同的文档类型。此外，以非标准方式使用元素可能会导致此类行为。

此问题的解决方案是逐步减少页面上的元素，直到问题消失，然后慢慢添加元素，直到找到导致解析器崩溃的元素。
或者，修复文档类型，使其符合所使用的 HTML 编码标准。

The problem may have something to do with the function that runs when the ready event is called.

If I paste this function into Firebug console and run it, the modal window is displayed:

$(function () {
    var dlg = jQuery("#divPopup").dialog({
        modal: true,
        draggable: true,
        resizable: false,
        show: 'Transfer',
        hide: 'Transfer',
        height: 400,
        width: 480,
        minHeight: 400,
        minWidth: 480,
        autoOpen: false
    });
    dlg.parent().appendTo(jQuery("#form1:first"));
});

This suggests that when this is called the first time, it's not being properly bound to the DOM elements. An HTML Validation error could be related, or the doctype.

I'm seeing warnings in my HTML Validator whereby the system thinks it's a different doctype. Additionally, any use of elements in a nonstandard manner could contribute to such behavior.

The solution to this problem is a step by step reduction of elements on the page until the problem disappears, then to slowly add elements back in until you've found the one that throws off the parser.
Alternatively, fix the doctype so it matches the standard of HTML coding used.

回复收藏 0 原文

~没有更多了~