jquery remove（）函數導致跳轉到頁面頂部

Question

$("#txt_catId").change(function(){ 

    var catId = $('#txt_catId').val(); 

    $(".news-row").remove(); 
    $("#txt_news_id").remove(); 

    $.ajax({ 
      type: "POST", 
      url: 'urlExample', 
      data : {cat_id : catId}, 
      success: function(data) { 
      $('#txt_catId').parent().append(data); 
      }, 

      statusCode: { 
      404: function() { 
       alert("page not found"); 
      } 
      } 


     }); 

}); 

此代碼的功能是：當用戶選擇一個類別時，該類別的新聞列表將顯示爲選擇框。但重點是每次我選擇一個類別時，它總是跳轉到頁面的頂部。我怎樣才能防止這種情況發生？

Answer 1

聽起來好像您正在使用鏈接href="#"作爲選擇類別的方式。激活鏈接會將您帶到頁面頂部，因爲這是空白書籤的含義。

使用preventDefault在事件處理程序停止被激活的鏈接：

$("#txt_catId").change(function(e){ 
    e.preventDefault(); 
    ...