我怎么可以拦截与jQuery的链接使用Ajax调用时？ [英] How can I intercept a link with jQuery when using a ajax call?

问题描述

我可能会做一些愚蠢的事。但是，如果我有像一个正常的链接：

I might be doing something stupid. But if I have a normal link like:

<div id="changeMe"></div>
<a href="/Not/Intercepted" id="interceptMe">A link</a>

和我附上一个jQuery click事件的链接，像这样：

and I attach a jQuery click event to the link like so:

$('#interceptMe').click(function() {
  $('#changeMe').text('Changed');
  return false;
});

一切工作桃色。该网页确实的不可以重定向到/不/拦截，这是什么，我会觉得这是正确的。

Everything works peachy. The page does not get redirected to /Not/Intercepted, which is what I would think would be correct.

现在...

我喜欢1.产品$不用彷徨一个Ajax调用我的点击事件，现在我的网页会被错误地重定向到的页面，基本上覆盖了Ajax调用。

I introduct a ajax call like $.get to my click event and now my page will be incorrectly redirected to the page, which essentially overwrites the ajax call.

$('#interceptMe').click(function() {
  $.get('/Ajax/Call', goesIn, function(comesOut) {
  $('#changeMe').html(comesOut);
    }, "html");
  return false;
});

有没有一种方法，使jQuery的或javascript还是拦截的链接点击，因此它不会去在href页面？我想保持在href对于那些没有启用JavaScript的用户。 TIA！

Is there a way to make jQuery or javascript still intercept the link click so it does not go to the href page? I want to keep the href for those users that aren't enabling javascript. TIA!

推荐答案

而不是返回FALSE，使用....

instead of return false, use ....

$("#interceptMe").click(function(event){

    event.preventDefault();

    // Ajax here

    return false; //for good measure
});

<一个href="http://docs.jquery.com/Events/jQuery.Event#event.$p$pventDefault.28.29">http://docs.jquery.com/Events/jQuery.Event#event.$p$pventDefault.28.29

我有许多问题与IE浏览器尤其是不听返回false。显然，这样有其他<一href="http://coffeeandpaste.blogspot.com/2009/02/javascript-onclick-return-false-does.html">http://coffeeandpaste.blogspot.com/2009/02/javascript-onclick-return-false-does.html

I've had many issues with IE especially not listening to return false. Apparently so have others http://coffeeandpaste.blogspot.com/2009/02/javascript-onclick-return-false-does.html

这篇关于我怎么可以拦截与jQuery的链接使用Ajax调用时？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！