0

我对 jquery 非常熟悉，所以不要太苛刻。这是我正在尝试使用的 jsfiddle http://jsfiddle.net/RBKaZ/。我收到一条错误$("#dialog").dialog({消息：

对象不支持此属性或方法。

此外，Div 的显示与 jsfiddle 不同。

这是我的页面：

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default4.aspx.vb" Inherits="Default4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0     Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>

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

$("#open").click(function () {
    $("#dialog").dialog("open");
})
</script>

<title></title>
</head>
<body>
    <form id="form1" runat="server">

<div id="dialog">
    <p>Please enter your name</p>
    <textarea id="name"></textarea>
</div>

<label>Name entered: </label>
<label id="nameentered"></label>
<br />
<input type="button" id="open" value="Open Dialog" />

    </form>
</body>
</html>

我从 jquery.com 下载了 jquery-1.9.1.js 并将其放在我的脚本文件夹中。在 jsfiddle 上，他们说他们使用 jquery UI 1.9.2。我错过了什么吗？提前感谢您的帮助。

编辑 我已经添加了这个，我摆脱了 object not supported 错误，但它仍然没有做任何事情。

<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
4

3 回答 3

5

在您的 jQuery 脚本下方添加此脚本 (jQuery UI)：

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
于 2013-06-06T20:48:15.017 回答
2

正如评论中提到的，您需要 jQuery 和 jQuery UI，它们是两个不同的库。

于 2013-06-06T20:48:31.257 回答
0

我这样做了，它奏效了。

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

<script type="text/javascript">
$(document).ready(function () {
    $("#dialog").dialog({
        autoOpen: false,
        buttons: {
            Ok: function () {
                $("#nameentered").text($("#name").val());
                $(this).dialog("close");
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });

    $("#open").click(function () {
        $("#dialog").dialog("open");
    });
}); 

</script>

感谢您为我指明正确的方向！

于 2013-06-06T21:32:17.407 回答