jQuery hyperlinks – href value?文字] [1]
我正在使用jQuery和一个锚点元素附加的点击事件来运行一个问题。
[1]:jQuery hyperlinks – href value?“这个”这个问题似乎是重复的,接受的答案似乎不能解决问题。对不起,如果这是坏的礼节。
在我的.ready()函数中我有:
- jQuery("#id_of_anchor").click(function(event) { //start function when any update link is clicked
- Function_that_does_ajax();
- });
我的锚看起来像这样:
- <a href="#" id="id_of_anchor"> link text </a>
但是当点击链接时,根据需要执行ajax功能,但浏览器滚动到页面顶部。不好。
我试过添加:
- event.preventDefault();
澄清
我使用了每一个组合
- return false;
- event.preventDefault();
- event.stopPropagation();
之前和之后我打电话给我的js ajax函数。它仍然滚动到顶部。
解决方法
这应该有效,你能澄清你以前的意思吗?你在做这个吗
- jQuery("#id_of_anchor").click(function(event) {
- event.preventDefault();
- Function_that_does_ajax();
- });
因为这应该在某种意义上起作用,如果它不工作,你会做错事,我们需要看更多的代码。但是,为了完整起见,您还可以尝试:
- jQuery("#id_of_anchor").click(function() {
- Function_that_does_ajax();
- return false;
- });
编辑
Here is an example of this working。
- $('#test').click(function(event) {
- event.preventDefault();
- $(this).html('and I didnt scroll to the top!');
- });
- $('#test2').click(function(event) {
- $(this).html('and I didnt scroll to the top!');
- return false;
- });
而且你可以看到他们工作很好。