JavaScript 无法在 Asp 上运行。网

Question

有人可以帮助我吗？

我的 js 不工作，我隐藏了 divId，当我单击按钮时，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;

        });

有多种方法可以做到这一点，我向您展示了一种方法。