Question

$(function () {
    $('#records').dialog({
        autoOpen: true,
        modal: false,
        buttons: {
            "Ok": function () {
                $(this).dialog("close");
            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        }
    });
});

<div id="records" title="Results">
    Content to Display
</div>

出现没有任何内容的对话框。谁能告诉我为什么会这样？

Answer 1

这适合我 - 请参阅此http://jsfiddle.net/rqf3t/，但这没有css。我想问题一定是你正在使用的css - 你没有围绕要显示的内容{（1}}标签（jQuery网站上的样本都这样做）所以我想知道CSS是否隐藏了内容。尝试

1）在您的内容周围添加<p>标记，如示例

2）使用firebug或类似的东西来查看＆＃34;内容是否显示＆＃34;实际上是存在的，但是被CSS隐藏了。

Answer 2

有些东西肯定不对，因为你的代码对我来说很好。这就是我用过的所有零碎的东西：

<html>
<head>
<link href="jqueryUI/ui-lightness/query-ui-1.8.19.custom.css" rel="stylesheet" type="text/css">
<script src="jquery-1.7.1.js"></script>
<script src="jqueryUI/js/jquery-ui-1.8.19.custom.min.js"></script>

<script type="text/javascript">
$(function () {
    $('#records').dialog({
        autoOpen: true,
        modal: false,
        buttons: {
            "Ok": function () {
                $(this).dialog("close");
            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        }
    });
});

</script>

</head>
<body>

<div id="records" title="Results">
    Content to Display
</div>

</body>

</html>

Answer 3

如果你修改了你的jquery-ui.css，那么这可能会发生，因为它发生在我身上，我只是替换了原来的jquery-ui.css而且很好

jQuery对话框内容未显示

3 个答案: