专注于 AJAX 调用后丢失的 div答案

【问题标题】：Focus on div lost after AJAX call专注于 AJAX 调用后丢失的 div
【发布时间】：2011-12-27 16:32:34
【问题描述】：

我似乎在这里遇到了一个奇怪的问题（至少看起来如此）。

我有一个 DIV，其中有一些链接（锚点）。单击链接会进行 AJAX 调用（使用 jQuery），服务器（控制器）发送 HTML 响应（实际上是 JSP，通过 Spring MVC）。

现在，可以通过向下滚动页面来访问此 DIV。但是，当我单击 DIV 中的链接时，我被导航到页面顶部（AJAX 调用在后台执行其工作），而我希望 (WANT) 保持在页面上的位置（即那个DIV）。

我该如何控制？

【问题讨论】：

【解决方案1】：

确保链接上的 href 调用 void(0) 并为 AJAX 函数使用 onClick 属性。

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

没有 HREF 属性的值会导致页面滚动到顶部。锚点不一定要链接到其他页面，它们可以链接到页面内的区域，因此如果 HREF 为空白，它只会转到顶部。

【讨论】：