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;

        });

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

Javascript无法使用Asp。净

1 个答案: