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은 링크

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