首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

点击链接,取得href的值,但是不转向.怎么做

2013-08-13 
点击链接,取得href的值,但是不转向.如何做?Html:div classlista href/1.html1/aa href/2.h

点击链接,取得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
  });
});

热点排行