如何禁用切换，阻止用户点击/单击它？

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>

或者使用vanilla JS：

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

演示：

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

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

Answer 2

在这里，您可以使用CSS property再使用一个解决方案。

＆＃13;

＆＃13;

button {
  pointer-events: none;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

如果要删除disabled属性，请将CSS属性设置为

pointer-events: auto;

希望这会对你有所帮助。