Javascript不能在Asp上工作。 NET

Question

有人可以幫我嗎？

我的js不工作，我隱藏divId，當我點擊te按鈕divId應該出現，但沒有任何反應！我發送下面的代碼。 我做錯了什麼，它可以在主頁面文件？

%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master"  AutoEventWireup="true" CodeBehind="AppTest.aspx.cs"  Inherits="AppTest.Screens.UploadFile" %> 




<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"> 
<style> 

    .hidden{ 
     display: none; 
    } 
</style> 


<div class="row"> 
    <h2>File Upload</h2> 
     <br /> 

     <asp:Panel ID="panelUpload" runat="server"> 
      <p> <asp:Label ID="lblFileUpload" Width="300px" runat="server">Select the file:</asp:Label> 
      <asp:FileUpload ID="fileUP" runat="server" /></p> 
      <p> 
       <asp:Label ID="lblDdl" runat="server">Paciente</asp:Label> 
       <asp:DropDownList ID="ddl1" runat="server"> 


       </asp:DropDownList> 

      </p> 
      <br /> 


      </asp:Panel> 



    <div id="divId" class="hidden"> 
     </br> 
<h2>Cadastro de paciente</h2> 
     <br /> 
<p> 
<asp:Label ID="lblName" runat="server">Name:</asp:Label> 
<asp:TextBox ID="txtName" runat="server" Width="140px"></asp:TextBox> 

</p> 


     <p> 
<asp:Label ID="lblLast" runat="server">Last Name:</asp:Label> 
<asp:TextBox ID="txtLastName" runat="server" Width="140px"></asp:TextBox> 

</p> 

     <p> 
<asp:Label ID="lblAge" runat="server">Age:</asp:Label> 
<asp:TextBox ID="txtAge" runat="server" Width="140px"></asp:TextBox> 

</p> 

<br /> 


</div> 
    <p> 
     <div class="col-md-6"> 
    <asp:Button ID="btnInsert" runat="server" Text="Inserir"/> 
      </div> 
     <div class="col-md-6"> 
<button>New</button> 
      </div> 
</p> 
    </div> 


</asp:Content> 

<asp:Content ContentPlaceHolderID="ScriptPlaceHolder1" ID="scripts"  runat="server"> 

<script src="../Scripts/jquery-1.10.2.js" ></script> 
<script> 
    $(document).ready(function() { 

     $('button').on('click', function() { 
      $('#divId').show(); // aparece o div 

     }); 
}); 




</script> 

</asp:Content> 

Answer 1

所以當你做按鈕點擊你的頁面再次加載，因爲發生回發。在您的aspx頁面中，您已將類定義爲隱藏在aspx頁面中。所以你可以通過這種方式防止這種情況。

$('button').on('click', function() { 
      $('#divId').show(); // aparece o div 
      return false; 

     }); 

有多種方法可以做到這一點，我向你展示了一種方法。