从后面的代码显示jQuery对话框

时间:2013-03-17 08:23:10

标签: jquery asp.net

我已经研究了好几天了!我只是试图在VB代码中获取一个事件来显示一个jQuery对话框(带有合适的消息)。

我的(非常简单)HTML:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="ButtonMustWork.aspx.vb" Inherits="NowDisplayPictures.ButtonMustWork" %>

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Dialog - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>

    function GetDialogBox() {
        $("#dialog").dialog();
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="dialog" title="Basic dialog">
            <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
    </div>
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" />   
    </div>
    </form>
</body>
</html>

和我的VB按钮点击事件:

Private Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
ClientScript.RegisterStartupScript(Me.[GetType](), "Test", "<script>GetDialog();</script>")
End Sub

我得到的只是一个空白页面,上面有文字和一个按钮。好吗?

1 个答案:

答案 0 :(得分:0)

您的函数名称为GetDialogBox();,但您在代码中调用GetDialog();