如何将onclick()和href附加到<a>元素,但一次只能有一个工作

Question

我有一个像这样的元素:

<a class='link' href='/page1'>Page 1</a>

它有一个像这样附加的点击处理程序:

$('.link').click(function() { loadPage('page1'); });

单击链接后,将加载新页面.但是,有两种方法可以加载新页面.一个是通过AJAX,它可以确定哪些元素在页面之间发生了变化,并重新加载了部分而没有基于此的刷新,以及通过正常的GET请求加载的部分.

我想将链接的href设置为正常加载的URL,并使用onlick()来调用执行AJAX加载的javascript函数.但是,当我点击链接时它们都会触发,导致页面完全刷新.

有没有办法阻止"href"在Javascript可用时生效？

Answer 1

$('.link').click(function() { loadPage('page1'); return false });

要么

$('.link').click(function(e) { e.preventDefault(); loadPage('page1'); });

首先也是停止冒泡.第二,只防止......默认动作(*转到某个链接)