verstecken und zeigen Funktion aktualisiert die Seite

Question

Ich versuche, eine Schaltfläche zum Ausblenden und Anzeigen Immer wenn ich auf die Schaltfläche, es funktioniert, sondern aktualisiert auch die Seite zur gleichen Zeit. Ich bin mir nicht sicher, was die Aktualisierung verursacht. Dies ist auf aspx:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

<script> 
$(document).ready(function() { 
    $("#buttontest").click(function() { 
     $("#hello").toggle(); 
    }); 
});</script> 

<button id="buttontest">test</button> 
<div id="hello">hello</div> 

nicht sicher, ob es das aspx.cs die erfrischende verursacht:

protected void Page_Load(object sender, EventArgs e) 
{ 
    SqlConnection myConnect = new SqlConnection(_connStr); 
    acct = new Account(); 
    acct = (Account)Session["Account"]; 


    if (!IsPostBack) 
    { 

     LoadCart(); 
     DataBind(); 

     string strCommandText = "SELECT * From Customer where Cust_Id = @Cust_Id"; 

     SqlCommand cmd = new SqlCommand(strCommandText, myConnect); 
     cmd.Parameters.AddWithValue("@Cust_Id", 1); 

     //open connection and retrieve data by calling ExecuteReader 
     myConnect.Open(); 
     SqlDataReader dr = cmd.ExecuteReader(); 

     if (dr.Read()) 
     { 

      Lbl_FName.Text = dr["First_Name"].ToString(); 
      Lbl_LName.Text = dr["Last_Name"].ToString(); 
      Lbl_CNo.Text = dr["Contact_No"].ToString(); 
      string addr1 = dr["Address"].ToString(); 
      string addr2 = dr["Address2"].ToString(); 

      address = new List<string>(); 
      address.Add(dr["Address"].ToString() + " " + "Singapore " + dr["Postal_Code"].ToString()); 
      address.Add(dr["Address2"].ToString() + " " + "Singapore " + dr["Postal_Code"].ToString()); 
      //Ddl_Address.Text = dr["Address"].ToString() + " " + "Singapore " + dr["Postal_Code"].ToString(); 
      //Ddl_Address.Text = dr["Address2"].ToString() + " " + "Singapore " + dr["Postal_Code"].ToString(); 


      ddl_Addr.DataSource = address; 
      ddl_Addr.DataBind(); 

     } 
     dr.Dispose(); 
     dr.Close(); 
     myConnect.Close(); 


     //page load box retrieve 
     SqlConnection myConnect2 = new SqlConnection(_connStr); 
     string strCommandText2 = "SELECT * From Card_Details where Card_Id = @Card_Id"; 
     myConnect2.Open(); 
     SqlCommand cmd2 = new SqlCommand(strCommandText2, myConnect2); 
     cmd2.Parameters.AddWithValue("@Card_Id", 1); 

     ////open connection and retrieve data by calling ExecuteReader 

     SqlDataReader dr2 = cmd2.ExecuteReader(); 


     if (dr2.Read()) 
     { 

      CNo1 = dr2["Card_Number"].ToString(); 
      CNo2 = dr2["Card_Number2"].ToString(); 
      Session["CardNo1"] = CNo1; 
      Session["CardNo2"] = CNo2; 

      CNo = new List<string>(); 
      CNo.Add(CNo1); 
      CNo.Add(CNo2); 

      ddl_CNo.DataSource = CNo; 
      ddl_CNo.DataBind(); 

      //display when first run 
      Lbl_CardName.Text = dr2["Name_On_Card"].ToString(); 
      Lbl_CardType.Text = dr2["Card_Type"].ToString(); 
      Lbl_EDate.Text = dr2["Expired_Date"].ToString(); 

      dr2.Dispose(); 
      dr2.Close(); 

      myConnect2.Close(); 
     } 

    } 
} 

protected void ddl_CNo_SelectedIndexChanged(object sender, EventArgs e) 
{ 

    string cardNum1 = Session["CardNo1"].ToString(); 
    string cardNum2 = Session["CardNo2"].ToString(); 


    if (ddl_CNo.SelectedIndex == 0) 
    { 
     SqlConnection myConnect2 = new SqlConnection(_connStr); 
     string strCommandText2 = "SELECT Name_On_Card, Card_Type, Expired_Date From Card_Details where Card_Number = @Card_Number"; 
     myConnect2.Open(); 
     SqlCommand cmd2 = new SqlCommand(strCommandText2, myConnect2); 
     cmd2.Parameters.AddWithValue("@Card_Number", cardNum1); 
     SqlDataReader dr2 = cmd2.ExecuteReader(); 

     if (dr2.Read()) 
     { 
       Lbl_CardName.Text = dr2["Name_On_Card"].ToString(); 
       Lbl_CardType.Text = dr2["Card_Type"].ToString(); 
       Lbl_EDate.Text = dr2["Expired_Date"].ToString(); 
      } 

      dr2.Dispose(); 
      dr2.Close(); 
      // DataBind(); 

      myConnect2.Close(); 
     } 

    else if (ddl_CNo.SelectedIndex == 1) 
    { 
      SqlConnection myConnect3 = new SqlConnection(_connStr); 
      string strCommandText3 = "SELECT Name_On_Card2, Card_Type2, Expired_Date2 From Card_Details where Card_Number2 = @Card_Number2"; 
     myConnect3.Open(); 
     SqlCommand cmd3 = new SqlCommand(strCommandText3, myConnect3); 
     cmd3.Parameters.AddWithValue("@Card_Number2", cardNum2); 
     SqlDataReader dr3 = cmd3.ExecuteReader(); 

     if (dr3.Read()) 
     { 
       Lbl_CardName.Text = dr3["Name_On_Card2"].ToString(); 
       Lbl_CardType.Text = dr3["Card_Type2"].ToString(); 
       Lbl_EDate.Text = dr3["Expired_Date2"].ToString(); 
      } 

      dr3.Dispose(); 
      dr3.Close(); 
      // DataBind(); 

      myConnect3.Close(); 
     } 

    } 



protected void LoadCart() 
{ 

    gv_CartView.DataSource = ShoppingCart.Instance.Items; 
    gv_CartView.DataBind(); 
    decimal total = 0.0m; 
    foreach (ShoppingCartItem item in ShoppingCart.Instance.Items) 
    { 
     total = total + item.TotalPrice; 
    } 
    decimal a = 2.0m; 
    decimal totalP = a + total; 
    Lbl_Subtotal.Text = total.ToString("C"); 



    Lbl_TotalPrice.Text = totalP.ToString("C"); 


} 

ich mit all diesen noch nicht vertraut bin, würde jede Hilfe

geschätzt werden EDIT: Ich habe die Schaltfläche und Javascript bearbeitet, es verursacht immer noch eine Aktualisierung

Answer 1

das sieht aus wie Sie vielleicht Knopf haben als andere einreichen weise dies nicht möglich

stellen Sie Sie bitte Taste als Taste, Taste nicht als einreichen hinzugefügt passieren

Versuchen Sie auch bitte

$("button").click(function() {

verwendet, um bestimmte Taste ID

$("#btn_toggle").click(function() { 

Und Sie zu vermeiden kann auch tun .. im Fall, wenn Ihr Button-Typ ist submit, aber Sie müssen tun, falsch zurückgeben.

$("#btn_toggle").click(function() { 
      $("#hello").toggle(); 
      return false; 
    }); 

aber stellen Sie sicher, dass dies aufhören wird, von Ihrem Server zu senden.

Answer 2

Server-Schaltfläche mit HTML-Schaltfläche ersetzen.

dh

ersetzen

<asp:Button /> 

Mit

<input type="button" /> 

OR

dies tun:

$("button").click(function() { 
     $("#hello").toggle(); 
     return false; 
    }); 

Answer 3

Try this 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

<script> 
$(document).ready(function() { 
    $("button").click(function() { 

     $("#hello").toggle(); 
    }); 
});</script> 

<button>hello</button> 
<div id="hello">hello</div>