AJAX 호출 후 부서진에 초점을 둔다

Question

나는 이상한 문제에 직면하고있는 것처럼 보인다 (적어도 그렇게 보인다).

DIV에는 몇 개의 링크 (앵커)가 있습니다. 링크를 클릭하면 (jQuery를 사용하여) AJAX 호출이 만들어지고 서버 (Controller)는 HTML 응답 (사실 Spring MVC를 통해 JSP)을 보낸다.

이제이 아래로 스크롤하여이 DIV에 접근 할 수 있습니다. 그러나 DIV 내에서 링크를 클릭하면 페이지 맨 위에있는 AJAX 호출로 이동합니다 (배경에서 작업하는 AJAX 호출). 반면에 (원하는 경우) (예 : 그 DIV).

어떻게 제어 할 수 있습니까?

Answer 1

링크의 href가 void (0)를 호출하고 AJAX 함수에 onClick 속성을 사용해야합니다.

<a href="javascript:void(0);" onClick="myFunction();">click me</a> 

HREF 특성 값이 없으면 페이지가 맨 위로 스크롤됩니다. 앵커는 반드시 다른 페이지로 연결되는 링크가 아니며 페이지 내의 영역에 연결할 수 있으므로 HREF가 비어 있으면 단순히 맨 위로 이동합니다.