Question

它在FF，safari和Chrome中运行良好。

当我调用.dialog（）函数时，会弹出对话框，但它有一个空的内容，不应该是空的。它有一些文本字段，标签等。

可能是什么导致了这个？

Answer 1

找到了解决方案。结果是一个css问题，div被设置为可见性：隐藏在我的IE css上。大声笑。不管怎样，谢谢！

Answer 2

我想现在你不再使用IE6了？大声笑！好吧，但这可能对其他人有帮助。

奇怪的是，当jquery对话框呈现空内容时，我正在谷歌搜索解决方案，并且您的帖子是第一个链接。也许这个答案可以帮助在jquery对话框中显示空内容的人：

在我的情况下，我有一个链接来调用一个调用jquery对话框的函数：

<a href="javascript:showMyDialog()">Show dialog</a>

问题是当我们关闭并再次打开链接时，内容显示为空（非常奇怪）。第三，第四......我们点击相同的链接，内容再次在对话框中正确显示。

我设法通过销毁对话框并动态创建新对话来解决问题。

function showMyDialog(){
$('<div id="jq_my_dialog">').html("<p>my content here will never be missing again!</p>")
            .dialog({
                title: 'Hello Stackoverflow',
                show: 'fade',
                hide: 'fade',
                minWidth: 400,
                width: 400,
                modal: true,
                close: function (event, ui) {
                    $(this).dialog('destroy').empty();
                    $('#jq_my_dialog').remove();
                }
            });
}

使用的版本是：

<script type="text/javascript" src="/Scripts/jquery-1.6.4.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.16.js" ></script>

Answer 3

这种情况时不时发生，至少在IE6上如此。在各种元素上测试设置zoom: 1，这通常会解决它。有趣的是，即使它看起来是随机的，这个bug通常也是可以重现的，所以你可以验证你什么时候解决它。

Answer 4

取消标记 Internet Explorer工具中的兼容性视图。

IE中的jQuery UI对话框空内容

4 个答案: