2013-08-25 25 views
3

我創建了一個HTML鏈接與Zurb Foundation's button類:如何禁用Zurb Foundation按鈕?

<a href="/time_track/check_out" class="large button disabled">Check-out</a> 

看起來禁用,這是偉大的。不過,我仍然可以點擊它,它會帶我到/time_track/check_out!我甚至嘗試將disabled="disabled"作爲屬性添加到a標記,但沒有幫助。

Do Zurb Foundation按鈕是否支持禁用的按鈕?上面引用的頁面表示,您所要做的就是「將.disabled添加到任何按鈕,並且它將看起來並禁用。」但是,即使他們顯示的示例禁用按鈕也是可點擊的!

回答

3

由於傳播@Valency是正確的錨不支持禁用=「禁用」的東西沿線下面什麼將超過伎倆。但是,我想知道這是否應該成爲默認的框架行爲。

$('.disabled').click(function(e){ 
    return false; 
}); 
+1

這很好用 –

+0

應該包含在框架中 – SsouLlesS

1

所有添加禁用的類都是風格鏈接到看看就像一個禁用的按鈕。 'a'鏈接不支持disabled="disabled"

沒有JavaScript,您無法停止該鏈接被按下。可以將它從'a'鏈接轉換爲按鈕,或者添加一小段javascript以阻止它在添加禁用類時停止。