点击链接,取得href的值,但是不转向.如何做?
Html:

   

<div class="list">

<a href="/1.html">1</a><a href="/2.html">2</a><a href="/3.html">3</a>

</div>

Js代码:

$('.list a').click(function () {

              $.ajax({

                  url: $(this).attr('href'),

                  success: function (data) {

                      alert(data);

                  },

                  cache: false

              });

          });

现在的问题是,点击链接后,直接转到链接页面去了.我不想转向.

比如:点击"1",我只需要弹出一个对话框,但不要转到1.html  

能否不添加a的属性下(比如,不添加<a rel=""等属性),只有href属性.怎样能做到我想要的效果呢?

谢谢!

------解决方案--------------------

$('.list a').click(function (e) {

  e.preventDefault();//取消事件的默认动作。

  $.ajax({

    url: $(this).attr('href'),

    success: function (data) {

      alert(data);

    },

    cache: false

  });

});