2012-12-28 172 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>