我是ASP.NET开发的新手,到目前为止我已经设法保持了简单,但我现在有一个更复杂的需求,到目前为止还没有得到太多的joy。
本质上,我希望在单击按钮以添加新用户时弹出一个模态表单,因此我找到了这在jQuery站点上,我认为这是我正在寻找的东西,但我真的很难找到将其添加到ASP.NET项目/页面的合适方法。
如有任何建议,将不胜感激!
发布于 2013-09-03 00:43:56
您需要包含对jQuery
和jQuery UI
的引用。
然后,您需要为对话框创建一个容器,例如:
<div id="dialog">
<p>
Your content here
</p>
</div>
然后,您需要创建对话框,即当DOM
加载时:
$(document).ready(function() {
$("#dialog").dialog({ autoOpen: false, height: 200, width: 200 });
});
然后,要用按钮打开对话框,可以添加一个简单的HTML
按钮并通过jQuery附加该按钮。
<input type="button" ID="btnDialog" value="Click here to open the dialog" />
然后附加到jQuery
上
$("#btnDialog").click(function() {
$("#dialog").dialog("open");
});
JS Fiddle: http://jsfiddle.net/VtZYD/
确保jQuery
和jQuery UI
都已加载
这应该放在您的<head>
部分:
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src=http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
还可以使用CSS
标记包括link
文件:
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />
https://stackoverflow.com/questions/18587686
复制