2012-12-28 141 views
1

我有这个代码,我在网上看到并试图实现它。 我想要做的是让所有的链接父类不可点击,我的意思是,它应该点击,但不能重定向到页面的链接。使链接无法点击使用javascript

这将不会工作。

<script> 
    $(window).load(function(){ 
     $(document).ready(function(){ 
      $('.parent').click(function(){ 
       return false; // prevents default action 
      }); 
     } 
    }) 
</script> 
+0

尝试把'e'作为参数到回调函数中,然后在函数体内执行'e.preventDefault()'回电话。 – 0x499602D2

+0

这是jQuery代码,你的页面是否有链接到jQuery? (例如'') –

+0

顺便说一句,但你的选择器'.parent'将匹配所有具有“父”类的元素。既然你想把这个行为附加到这个类的链接上,你可以把它改成'a.parent'。 –

回答

3

试试这个:

$(document).ready(function(){ 
    $('.parent').click(function(e){ 
     e.preventDefault(); 
    }); 
}); 

你不需要$(window).load(function(){因为$(document).ready(function(){是一样的东西!

后来编辑:我必须通过告诉你我写的代码是使用jQuery库,它必须包含在你的项目中来完成这个答案。有关jQuery的更多信息,请访问http://jquery.com/

+0

这工作正常,我唯一的问题是,这个链接的子页面也将变得不可点击。 –

0

你需要event.preventDefault

function unclickable(e) { 
    e.preventDefault(); 
} 

或者return false;

function unclickable() { 
    return false; 
} 

,并用它喜欢:

<a class="parent" onclick="unclickable(event);">Link</a>