1 
$(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>

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

4

3 回答 3

2

这对我有用 - 请参阅此http://jsfiddle.net/rqf3t/但这没有 css。我想问题一定是您正在使用的 css - 您没有<p>围绕要显示的内容的标签（jQuery 网站上的示例这样做）所以我想知道 CSS 是否隐藏了内容。尝试

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

2) 使用 firebug 或类似工具查看“要显示的内容”是否确实存在，但被 CSS 隐藏。

于 2012-05-04T16:06:11.043 回答
0

肯定有问题，因为您的代码对我来说很好。这是我将所有零碎的东西放在一起使用的：

<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>
于 2012-05-04T16:02:44.330 回答
0

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

于 2016-01-22T14:42:22.983 回答