javascript - 我怎样才能禁用切换，防止用户点击/点击它？

Question

我试过了

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

没有成功。我有一些表格，一旦保存到我希望它们不可点击。

Answer 1

禁用是元素的一个属性:

$(".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>