Javascript가 Asp에서 작동하지 않습니다. NET

Question

누군가 나를 도울 수 있습니까?

내 js가 작동하지 않아 div를 숨기고 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; 

     }); 

여러 가지 방법이 있습니다. 한 가지 방법을 보여 줬습니다.