读书人

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

发布时间: 2013-08-13 16:43:28 作者: rapoo

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

读书人网 >Ajax

热点推荐