如何在ASP.Net中打开jQuery UI模式对话框?

时间:2012-07-01 01:33:57

标签: jquery asp.net jquery-ui

我一直在疯狂尝试在ASP.Net(C#)中打开一个模态对话框!我遵循了两次演练,但我没有得到任何结果。我得到的只是没有对话框的完整网页,但现在右上角有一个“X”。谁能告诉我如何做一个简单的对话框?

这是我的代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link rel="Stylesheet" type="text/javascript" href="Styles/jquery-ui.css" />
    <script type="text/javascript" language="javascript" src="jquery-1.5.2.min.js"></script>
    <script type="text/javascript" language="javascript" src="jquery-ui.js"></script>

    <script type="text/javascript" language="javascript">
            $(document).ready(function () {
                $("#dialog").dialog();
            });
    </script>
</head>
<body style="font-size:62.5%;">
    <div id="dialog" title="Dialog Title">I'm in a dialog.. Really!</div>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

我没看到你的代码有什么问题。 jquery脚本文件和css文件是否正确并正确链接? Here是演示,显示您的代码正常运行。

编辑:实际上我只是注意到了一些事情。就像undefined提到的那样,你的css链接似乎是不正确的。如果链接类型为text/javascript,则链接类型为text/css

您的css文件的链接应该看起来像这样:

<link rel="Stylesheet" type="text/css" href="Styles/jquery-ui.css" />

答案 1 :(得分:0)

如果您使用严格的doctype,请尝试将链接标记更改为<link rel="stylesheet" type="text/css" href="styles/jquery-ui.css" />,听起来样式表未正确加载。