JqueryUI Dialog MVC3 HTML 表单答案

【问题标题】：JqueryUI Dialog MVC3 HTML FormJqueryUI Dialog MVC3 HTML 表单
【发布时间】：2011-08-10 13:31:44
【问题描述】：

我在获取填充有 html 表单的局部视图以显示在 Jqueryui 对话框中时遇到问题。我无法在 Jqueryui 站点上复制该示例。有人可以告诉我在 JqueryUI 对话框小部件中呈现 html 表单的最简单方法吗？谢谢

我来了

错误

ET /Scripts/jquery-1.5.1.js HTTP/1.1 接受：/ 接受编码：gzip，放气用户代理：Mozilla/4.0 （兼容；MSIE 8.0；Windows NT 6.1；哇64;三叉戟/4.0； GTB6.6； SLCC2; .NET CLR 2.0.50727； .NET CLR 3.5.30729； .NET CLR 3.0.30729；媒体中心PC 6.0； .NET4.0C； .NET4.0E) 主机：本地主机：50754 连接：保活饼干： .ASPXANONYMOUS=3CEJFuUvzAEkAAAAZWRlYmMyYTEtNjI2YS00ZTJiLTlmNjQtMGU5ODQ2NTkyOTFk54B7ON5wgoeekvTVLpo7z2v7OtwKj872YahaQ6h9Q8w1

HTTP/1.1 404 未找到服务器：ASP.NET 开发服务器/10.0.0.0 日期：周四，格林威治标准时间 2011 年 4 月 21 日 19:18:34 X-AspNet-版本：4.0.30319 缓存控制：私有内容类型：文本/html；字符集=utf-8 内容长度：3211 连接：关闭

表格

<div id="dialog-form" title="Create new user"><form id="form1">
<fieldset>
    <label for="name">Name</label>
    <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
    <label for="email">Email</label>
    <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
    <label for="password">Password</label>
    <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
</fieldset>
<button id="opener">Create new user</button></form></div>

脚本

  <script type="text/javascript">  $(function ()  {
        $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: 
        {           
            Cancel: function() 
            {
 $( this ).dialog( "close" );
            }
        }
        $("#opener").click(function() { 
           $("#dialog-form").dialog("open"); 
           }
      });                        
   </script>

【问题讨论】：

标签： html jquery-ui forms asp.net-mvc-3 dialog

【解决方案1】：

根据上面的错误，您的服务器上缺少“/Scripts/jquery-1.5.1.js”，因此得到 404。有趣的是（假设复制/粘贴错误）它显示“ET /Scripts/jquery -1.5.1.js " 不是 "GET" 但我假设它是复制粘贴。

【讨论】：