jQuery中的a元素是一個鏈接元素,使用它可以將用戶從一個網頁帶到另一個網頁。但是,在某些情況下,我們需要禁用a元素,例如,當用戶輸入信息不完整或有錯誤時,我們不希望他們跳轉到另一個頁面。
實現禁用a元素的方法是非常簡單的,只需要使用jQuery中的prop()方法:
$('a').prop('disabled', true);
但是,這行代碼并不起作用!為什么?因為a元素不支持disabled屬性,只有表單元素和按鈕元素才支持disabled屬性。
那么,我們該如何實現禁用a元素呢?這時我們可以使用CSS屬性 pointer-events。pointer-events 屬性允許定義元素是否應該響應鼠標事件。我們將pointer-events屬性設置為none,就可以禁止所有鼠標事件,包括點擊、懸停和焦點等。
$('a').css('pointer-events', 'none');
這樣,即使用戶點擊了a元素,也不會跳轉到其他頁面。實現禁用a元素的效果。
上一篇如何添加外部css