使用ajax更新元素时​​跳转JavaScript页面

Question

我有一个FITS垂直进入windo的页面。当用户点击链接时，我通过ajax获取另一个页面并将其插入所需元素。 一切正常，但是当用户点击另一个链接时，页面会跳起来，这让我很烦。 我尝试过使用

<a href="#" onClick="showRoom('five');return false;" class="highlight">
//and
<a href="javascript:void(0);" onClick="showRoom('five');return false;" class="highlight">

它在IE和Firefox中都不起作用 - 它继续跳跃。

有什么好的工作技巧可以提供帮助吗？

我认为必须对续订做些什么。当我点击链接时 - 首先，正在显示LOADING ICON。只有这样，当报告表可用时，它才会加载到而不是图标。因此，浏览器会在显示信息时添加vscrolling栏，但会在报告开关之间消失，并被小的LOADING图标替换。

我认为我需要在点击更新链接时捕获滚动条位置，然后，在ajax更新页面后，我需要调用另一个可以滚动回上一个滚动条位置的函数

这就是我“解决”问题的方法，直到找到真正的解决方案：

document.getElementById(showCoursesArea).innerHTML= '<center><img src=\"images/working.gif\"><h1><br><h1><br><h1><br><h1><br><h1><br><h1><br></center>';

几乎可以让我的页面更长久;因此ajax更新适合。

Answer 1

当您点击href="#"的链接时，它实际上是链接到文档的顶部。实际上，您可以完全删除href属性。

Answer 2

'＃'会将用户带回到页面顶部，所以我通常会使用void（0）。或者，如果您说第二个选项也不起作用，请删除href并尝试

或尝试

<a href="javascript:myJsFunc()">Link Text</a>

或

<a onclick="javascript:myJsFunc()">Link Text</a>

或

<a href="#0" onclick="myJsFunc()">Link Text</a>

因为ID“0”永远不会出现在页面上，所以没有任何事情发生。