爲什麼隱藏窗體不顯示？

Question

我有下面的代碼，它有按鈕和click它應該顯示hidden窗體。但它不，爲什麼？

@model EmployeesTest.Models.EmployeeVM 

@{ 
    ViewBag.Title = "Create"; 
} 

<h2>Create</h2> 

<input type="submit" name="name" value="New Entry" id="new"/> 

@using (Html.BeginForm()) { 
    <div id="frm" style="visibility:hidden"> 
    <table> 
    <thead> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>@Html.LabelFor(x=>x.emp.FirstName)</td> 
      <td>@Html.TextBoxFor(x=>x.emp.FirstName)</td> 
      <td>@Html.ValidationMessageFor(x => x.emp.FirstName)</td> 
     </tr> 
     <tr> 
      <td>@Html.LabelFor(x=>x.emp.LastName)</td> 
      <td>@Html.TextBoxFor(x=>x.emp.LastName)</td> 
      <td>@Html.ValidationMessageFor(x => x.emp.LastName)</td> 
     </tr> 
     <tr> 
      <td></td> 
      <td></td> 
      <td><input type="submit" value="Save"/></td> 
     </tr> 
    </tbody> 
</table> 
     </div> 
} 

@section Scripts { 
    @Scripts.Render("~/bundles/jqueryval") 

    <script> 
     $(document).ready(function() { 

      $('#new').click(function() { 
       (this).preventDefault(); 

       $('#frm').css('visibility', 'visible'); 

      }); 
     }); 
    </script> 
} 

Answer 1

刪除(this).preventDefault並通過event作爲參數，防止如下：

$(document).ready(function() { 
    $('#new').click(function (event) { 
      event.preventDefault(); 
      $('#frm').css('visibility', 'visible'); 
    }); 
}); 

Since the type of button is just button there is no need to prevent its default action.

Answer 2

$(document).ready(function() { 
    $('#new').click(function (e) { 
     e.preventDefault(); 
     $('#frm').css('visibility', ''); 
    }); 
});