Javascript中return false无效化锚点

Jquery中,按照ID查找某一个Html元素的写法跟锚点的写法很相似,例如:$("#tab-1"), 其中的tab-1就是元素的ID,而就写在href的属性中,这样就方便Jquery直接获得"#tab-1"。但是,我们都知道在所有的浏览器中,点击带有锚点的链接,都会便页面跳回得页面顶部 (或者跳到锚点指定的ID元素所在的位置)。所以这里我们需要把这种锚点去除掉,其实方法很简单,不用很多的代码来替换锚点等方法来实现,而是只要在点击 事件最后return false就行了!

代码实例如下:

If you return "false" from your function it'll stop the event bubbling, so only your first event handler will get triggered (ie. your anchor will not see the click).

$("div.clickable").click(

function()

{

    window.location = $(this).attr("url");

    return false;

});

posted @ 2011-05-20 14:10  铁芒阁  阅读(571)  评论(0编辑  收藏  举报
分享到: