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
});
});