jQuery的對話框不上MVC3應用程序中打開

Question

我有剃刀MVC3一個簡單的應用程序之前，我打開的對話框中我試圖打開一個「警告」，它正常工作，從而發揮其工作的事件，但是當我評論此警報和 嘗試打開對話框中，它只是不工作

@model MvcApplication1.Models.LogOnModel 

@{ 
    ViewBag.Title = "Create"; 
} 

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>  
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script> 

<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" /> 

<h2>Index</h2> 

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('#dialog').dialog({ 
      autoOpen: false, 
      width: 400, 
      resizable: false, 
      title: 'hi there', 
      modal: true, 

      buttons: { 
       "Close": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

     $('#contactForm').submit(function (e) { 
      //alert("entro a funcion"); 
      e.preventDefault(); 
      $('#dialog').dialog('open'); 
     }); 

    }); 
</script> 



@using (Html.BeginForm("Index", "Infracciones", FormMethod.Post, new { id = "contactForm"})) 
{ 
@Html.ValidationSummary(true) 
    <fieldset> 
     <legend>Infraccion</legend> 

     </fieldset> 
    <p> 
    <input value="Guardar" type="submit" name = "button"/> 
    </p> 
} 

Answer 1

你只需要補充一點：

<div id="dialog"> 

在體內。

Answer 2

嘗試：的

$('#dialog').dialog(); 

代替

$('#dialog').dialog('open');