скрыть и показать функцию продолжает обновлять страницу

Question

Я пытаюсь иметь кнопку скрыть и показать Всякий раз, когда я нажимаю на кнопку, она работает, но одновременно обновляет страницу. Я не уверен, что вызывает обновление. Это на 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> 

Не уверен, что если его aspx.cs вызывает освежающий:

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"); 


} 

Я до сих пор не знакомы со всем этим, любая помощь будет оценена

EDIT: я отредактировал кнопку и javascript, она все еще вызвала обновление

Answer 1

это выглядит, как вы могли бы иметь тип кнопки, как представить другие мудрые это не Возможно случиться

пожалуйста, убедитесь, что вы добавили кнопку, как кнопка не как представить

Также, пожалуйста, попытайтесь избежать

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

используется определенный идентификатор кнопки

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

И также может сделать .. в случае, если ваш тип кнопки отправляется, но вам нужно сделать возврат false.

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

, но убедитесь, что это прекратит отправку с сервера.

Answer 2

Замените кнопку сервера кнопкой html. т.е.

Заменить

<asp:Button /> 

С

<input type="button" /> 

ИЛИ

сделать это:

$("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>