我怎样才能禁用切换，防止用户 tap/click 它？

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>

Answer 2

这里是使用 CSS property 的另一种解决方案。

button {
  pointer-events: none;
}

<button>Click ME!!!</button>

如果要移除禁用的属性，则将CSS 属性设置为

pointer-events: auto;

希望对您有所帮助。