Javascript 如何先显示动画，然后显示警报

我写了一个代码来创建一个切换按钮，现在我创建了一个javascript来在单击时弹出一个警报，但它首先显示警报，然后切换按钮。我希望它先切换，然后显示警报。我甚至尝试了3秒的setTimeout（），但它也不起作用

HTML:

JS:

---

Plzzz帮助

永远不会调用您的函数

myFunction（contents）

div#button1

的

onclick

是

alert（this）

当我认为您需要

onclick=“myFunction（this）”

时

---

我还建议您将函数

myFunction

重命名为更能描述其行为的名称。

您的函数从不触发。你也需要调用这个函数。如果您正在使用jQuery，请尝试以下操作

$('.toggle-control').click(function(){
   alert('Clicked'); 
}

---

听起来你有两件事

单击div按钮1或单击复选框

复选框值已更改

您希望在复选框值更改（第二个事件）后显示警报，但将其绑定到第一个事件。我建议如下：

<input type="checkbox" id="cb" class="toggle_input" onchange="alert(this)" />

这样，无论复选框值如何更改，都将得到所需的结果。您还可以将标签放入复选框中以更改复选框的值：

<div class="toggle-control" id="button1"><label for="cb">Click Me</label></div>

点击我

你没有收到任何警报？我收到警报。但我想在按下按钮后弹出警报toggled@user3398648如果我已经回答了你的问题，请点击左边的勾号接受我的回答。这表明不欢迎进一步的回答，问题已经解决。你会因此赢得声誉的。这里不需要像您这样的“谢谢”之类的评论。

$('.toggle-control').click(function(){
   alert('Clicked'); 
}

<input type="checkbox" id="cb" class="toggle_input" onchange="alert(this)" />

<div class="toggle-control" id="button1"><label for="cb">Click Me</label></div>