Javascript ASP.NET中使用jQuery的模态表单

我对ASP.NET开发还比较陌生，到目前为止，我一直设法保持简单，但现在我有一个稍微复杂一点的需求，到目前为止还没有得到多少乐趣

基本上，我希望在单击按钮添加新用户时弹出一个模式表单，因此我发现我认为这是我正在寻找的东西，但我真的很难找到合适的方法将其添加到ASP.NET项目/页面

---

任何建议都将不胜感激，谢谢

您需要包括对

jQuery

和

jqueryui

的引用

然后需要为对话框创建一个容器，例如：

 <div id="dialog">
    <p>
       Your content here
    </p>
 </div>

然后，要用按钮打开对话框，可以添加一个简单的

HTML

按钮，并通过jQuery附加该按钮

<input type="button" ID="btnDialog" value="Click here to open the dialog" />

JS小提琴：

确保加载了

jQuery

以及

jqueryui

这应该放在您的

部分：

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

---

谢谢@darren davies，很抱歉这么厚，但是你会把Javascript放在哪里？在我正在处理的aspx页面的Head-content部分中，我将您的代码添加到一个标记中，当它到达第一行时，我得到“MicrosoftJScript运行时错误：“$”未定义”。谢谢@ebooyens-您需要在yes部分包含jQuery引用。我将更新我的答案，以包括CDN版本的

jQuery

。记住，对话框需要

jqueryui

。我们都是新人，所以不用担心：）@DarrenDavies-+1这是我在so上看到的最好的答案之一。希望每个人都能在他们的例子和解释中如此详细（包括我！）很好的综合答案@DarrenDavies，你甚至还加了一个jsfiddle:）我认为你的答案都很好，但恐怕我无法在我的ASP.NET项目中使用它。项目中肯定有其他东西导致问题-我现在没有收到任何错误，但当我单击按钮时什么也没有发生。如果我将autoOpen设置为true，它会显示，但看起来很奇怪，例如没有边框，单击时会显示关闭链接并隐藏它。所以，我会继续玩下去，不要指望你会在这个问题下把它分类。再次感谢！

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

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

 <link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />