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がコンテンツを隠しているのではないかと思います。試す

<p>1)例のように、コンテンツの周囲にタグを追加します

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 に答える