使用jQuery时如何禁用锚点标签<a>的href属性

Question

我有以下代码：

  <script type="text/javascript">

  $(document).ready(function() 
  {
    $("#thang").load("http://www.yahoo.com");

    $(".SmoothLink").click( function()
    {
      $("#thang").fadeOut();

      $("#thang").load($(this).attr("href"));           

      $("#thang").fadeIn();

    });
  });

  </script>

  <a href="http://www.google.com" id="thelink" class="SmoothLink">click here</a><br /><br />
  <div style="border: 1px solid blue;" id="thang">
  </div>

我想实现的是一种快速简便的方法，通过在特定链接上添加一个类，将网站ajax化并加载到一个div中。但我遇到的问题是，普通的锚点操作被触发并正常地重定向到链接href。我该如何抑制普通的锚点操作？

- Brian David Berman

Answer 1

一般而言：

$('a').click(function(e) {
    //prevent the 'following' behaviour of hyperlinks by preventing the default action
    e.preventDefault();

    //do stuff

});

或者：

$('a').click(function(e) {
    //do stuff

    //equivalent to e.preventDefault AND e.stopPropagation()
    return false;
});

更多信息： http://docs.jquery.com/Events/jQuery.Event#event.preventDefault.28.29 关于 return false 和 e.preventDefault() 之间的区别的先前问题： event.preventDefault() vs. return false

- karim79

---

你不需要传递 e 吗？ - Martin

你需要在第一个函数定义中添加 e 参数，但除此之外，速度很快且加一。 - Alex Barrett

对于第一个问题，函数中应该传入一个名为“e”的变量吗？ - helloandre

无论如何，养成传递 e 的习惯也不会有什么坏处。 - karim79

Answer 2

虽然不是与您的问题直接相关，但是可以尝试这样做...

$("#thang").fadeOut();
$("#thang").load($(this).attr("href"));
$("#thang").fadeIn();

jQuery旨在让您链接方法，如下：

$("#thang").fadeOut().load($(this).attr("href")).fadeIn();

- Matt Huggins