webforms中的Jquery Dialogbox [英] Jquery Dialogbox in webforms
本文介绍了webforms中的Jquery Dialogbox的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我用了这个
http://jqueryui.com/dialog/#animated [ ^ ]
显示动画对话框
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>
推荐答案
（function（）{
(function() {
（' ＃<％= dialog.ClientID％>'）。dialog（{
autoOpen：˚F alse ，
show：{
effect： blind ，
持续时间： 1000
}，
隐藏：{
效果： explode，
持续时间： 1000
}
}）;
('#<%=dialog.ClientID %>').dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } });
（' ＃<％= opener。 ClientID％>'）。click（function（）{
('#<%=opener.ClientID %>').click(function() {
这篇关于webforms中的Jquery Dialogbox的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
