javascript - トグルを無効にして、ユーザーがタップ/クリックできないようにするにはどうすればよいですか?

Question

私はもう試した

$(".toggle-handle").addClass("disabled")
$(".toggle").addClass("disabled")
$(".toggle-handle").off();
$(".toggle").off();

成功せずに。一度保存すると有益なフォームがありますが、クリックできないようにしたいと思います。

Answer 1

Disable は要素のプロパティです。

$(".toggle-handle").prop('disabled', true);

デモ：

$(".toggle-handle").prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="toggle-handle">Button</button>

またはバニラJSを使用：

document.querySelector('.toggle-handle').disabled = true;

デモ：

document.querySelector('.toggle-handle').disabled = true;

<button class="toggle-handle">Button</button>