似乎无法阻止跳转到页面顶部的行为。
我已经尝试了 preventing onclick page jumps
中建议的所有内容还有什么办法可以阻止onclick页面跳转?
感谢。
这是HTML和JS的片段
HTML:
<a href="javascript: return null;" onclick='javascript:getPosts("page=1&display=all"); return false;'>Everyone</a>
JS:
function getPosts(qry) {
var thePage = 'posts.php?' + qry;
myReq.open("GET", thePage, true);
myReq.onreadystatechange = theHTTPResponse;
myReq.send(null);
}
function theHTTPResponse() {
if (myReq.readyState == 4) {
if(myReq.status == 200){
var response = myReq.responseText;
document.getElementById('posts').innerHTML = response;
}
} else {
document.getElementById('posts').innerHTML = '<img src="images/ajax-loader.gif" />';
}
}
答案 0 :(得分:4)
在onclick中返回false实际上是要走的路。如果那不适合你,我们需要看代码。
答案 1 :(得分:4)
据我所知,事件已经是JS了,你不需要放onclick="javascript:..."
。试试这个:
<a href="javascript: return null;" onclick='getPosts("page=1&display=all"); return false;'>Everyone</a>
答案 2 :(得分:2)
href="javascript:void(0);"
答案 3 :(得分:1)
<a href="javascript:;" onclick="...">Everyone</a>
请注意分号。
答案 4 :(得分:1)
这是我使用的,它的工作原理
<a href="javascript:getPosts('page=1&display=all'); return false;">Everyone</a>
当涉及使用与'onClick'事件关联的函数的ajax请求时,因为href总是为我解决页面跳转问题。
答案 5 :(得分:0)
我一直用:
<a href=""></a>
主要是因为我讨厌使用
<a href="#"></a>
将#
附加到网址的末尾。
编辑:
您确定它不是特定于浏览器的问题或偏好吗?
答案 6 :(得分:0)
你需要的只是
<a href="javascript:">My Link!</a>
并添加标签所需的任何其他属性。
答案 7 :(得分:0)
奇怪的是,我删除了我的php脚本的内容,保存,然后重新插入相同的内容后,问题得到纠正。不确定这有什么效果,但似乎可以解决跳跃问题。
我想问题永远不会在onclick中返回false。
感谢大家的时间!
答案 8 :(得分:0)
href =“javascript:undefined”应该做的伎俩