如何防止ajax请求的锚标记转到页面顶部?

时间:2011-01-31 20:56:09

标签: html anchor

这似乎是一个愚蠢的问题,但我无法弄清楚。我的页面上有一些锚标记仅执行ajax函数,除触发javascript外没有固有用途:

 <a href="#" onclick="SomeFunction();">Blah</a>

如何防止点击此链接从滚动一直到页面顶部。它引起了一些恼人的UI可用性问题。

3 个答案:

答案 0 :(得分:7)

<强> HTML

<a href="javascript:void(0);" id="theLink" onclick="SomeFunction();">Blah</a>

<强> JS

//jQuery
$('#theLink').click(function(){
    doSomething();
});

//Regular JS
document.getElementById("theLink").onclick = doSomething;

<强>的jsfiddle

http://jsfiddle.net/kSxrK/

答案 1 :(得分:1)

指定不存在的锚点,例如<a href="#nogo" onclick="SomeFunction();">Blah</a>

答案 2 :(得分:1)

return false添加到SomeFunction()到最后:)

var SomeFunction = function(){
    //AJAX MAGIC
    return false;
}