webforms中的Jquery Dialogbox

本文介绍了webforms中的Jquery Dialogbox的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我用了这个

[ ]

显示动画对话框

I used this
http://jqueryui.com/dialog/#animated[^]

to show Animated Dialog Box

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
    $(function() {
    $('#<%=dialog.ClientID %>').dialog({
            autoOpen: false,
            show: {
                effect: "blind",
                duration: 1000
            },
            hide: {
                effect: "explode",
                duration: 1000
            }
        });
        $('#<%=opener.ClientID %>').click(function() {
        $('#<%=dialog.ClientID %>').dialog("open");
        });
    });
</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<div id="dialog"  runat="server" title="Basic dialog">
<p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
 <asp:Button ID="opener" runat="server" Text="Button" />
</asp:Content>

但我的屏幕上什么也没发生。我错过了什么吗？

编辑：

这是我的页面源表格firebug脚本选项卡

but nothing happend on my Screen .did i missed anything ?

Edited:

this is my page Source form firebug Script tab

<!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><title>

</title>

 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script type="text/javascript">
    $(function() {
    $('#ctl00_ContentPlaceHolder1_dialog').dialog({
            autoOpen: false,
            show: {
                effect: "blind",
                duration: 1000
            },
            hide: {
                effect: "explode",
                duration: 1000
            }
        });
        $('#ctl00_ContentPlaceHolder1_opener').click(function() {

        $('#ctl00_ContentPlaceHolder1_dialog').dialog("open");
        });
    });
</script>
</head>
<body>
    <form name="aspnetForm" method="post" action="Default2.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNTA5NTQwODU3ZGTjHXEnTCPZkag2gXKOdIjs9hJlOg==" />
</div>

<div>

	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgKHjK/pDQKC1MeGC8nJ+J/ArkUcMIPb9FpPaV9jjboo" />
</div>
    <div>
        
   
    <div id="ctl00_ContentPlaceHolder1_dialog" title="Basic dialog">
<p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

    <input type="submit" name="ctl00$ContentPlaceHolder1$opener" value="Button" id="ctl00_ContentPlaceHolder1_opener" />

 



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

DialogBox

webforms中的Jquery Dialogbox

问题描述

推荐答案