Javascript 在按钮上单击fadeIn

我的代码有问题。我正在尝试显示正在加载的动画（以.gif格式）。唯一的问题是，每当我点击按钮时，动画显示不到一秒钟，它就会消失。我做错了什么

HTML:

谢谢大家!

像这样改变

$("#act").click(function() {
$(".loading").css("display", "block").css("opacity", "0");
$(".loading").fadeIn("slow");
});

像这样改变

$("#act").click(function() {
$(".loading").css("display", "block").css("opacity", "0");
$(".loading").fadeIn("slow");
});

---

您将停止sumbit按钮的默认操作（提交表单），您需要将

e

参数添加到函数中并停止默认操作

 $(function() {
    $(".loading").css("display","none");
    $("#act").click(function(e) {
         e.preventDefault(); //This will stop it.
         $(".loading").fadeIn("slow");
    });

   });

---

您将停止sumbit按钮的默认操作（提交表单），您需要将

e

参数添加到函数中并停止默认操作

 $(function() {
    $(".loading").css("display","none");
    $("#act").click(function(e) {
         e.preventDefault(); //This will stop it.
         $(".loading").fadeIn("slow");
    });

   });

---

您可以直接为fadeIn使用毫秒

$(".loading").fadeIn(2000);// this will fadin in 2 seconds

---

您可以直接为fadeIn使用毫秒

$(".loading").fadeIn(2000);// this will fadin in 2 seconds

---

我不完全确定，但我认为显示器没有给你带来麻烦。很难将其编码到css中，并在必要时将其作为$（“.loading”）.show（）或hide（）使用。首先单击“显示”，然后可以选择何时隐藏和何时手动显示。更灵活。

我不完全确定，但我认为显示器没有给你带来麻烦。很难将其编码到css中，并在必要时将其作为$（“.loading”）.show（）或hide（）使用。首先单击“显示”，然后可以选择何时隐藏和何时手动显示。更灵活。

添加内嵌显示：无；加载元素的样式，并从函数中删除css（“显示”、“无”）

添加内联显示：无；为.loading元素设置样式并从函数中删除css（“display”、“none”）

虽然JQuery解决方案非常简单，但我会研究CSS3动画。它们比内置的fadein功能平滑得多。

尽管JQuery解决方案非常简单，但我会研究CSS3动画。它们比内置的fadein功能平滑得多。

请尝试给出类似3000的值，而不是“慢”。。这将是毫秒。。因此，请相应地给出一个值，而不是“慢”，尝试给出类似3000的值。。这将是毫秒。。因此，请给出相应的值。我准备好一把小提琴后就要发布这篇文章了-。非常感谢！帮了我很多忙！我准备了一把小提琴后就要发这篇文章了，非常感谢！帮了我很多忙！.show（）或.hide（）的问题在于动画。我猜他想要一个fadeIn（）效果。你可以试着按照Bhushan Kawadkar所说的时间安排，或者在需要的时候使用隐藏效果和fadeIn（这里是毫秒）。show（）或.hide（）的问题在于动画。我猜他想要一个fadeIn（）效果。你可以试着按照Bhushan Kawadkar所说的时间安排，或者在需要的时候使用隐藏效果和fadeIn（这里是毫秒）。