問題:今天遇到一個問題,只有$user_type === 0的人才可以點選A標籤,給它加了個disabled屬性,雖然顏色變灰了,但是沒有起到禁止點選的作用;
<a href="{{ route('devicetype/edit', ['device_type' => $device_type->id]) }}" class="btn btn-primary" @if($user_type !== 0) disabled @endif>修改</a>
效果: 顏色變了,挺好看的
放上去有個禁止的圖示,可是沒有起到禁用的效果,已然可以點選跳轉
解決:
加個如下的CSS樣式,就實現了禁止點選的效果
<style>
.discss{
pointer-events:none;
color:#afafaf;
cursor:default
}
</style>
<a href="{{ route('devicetype/edit', ['device_type' => $device_type->id]) }}" class="btn btn-primary @if($user_type !== 0) discss @endif" >修改</a>
本作品採用《CC 協議》,轉載必須註明作者和本文連結