在元素上的.fadeOut（）之后停止Jquery应用display:none CSS

我使用一些Jquery来淡出一个元素，但是我想保留布局，所以我尝试在淡出后将可见性：隐藏应用于CSS类

但是这似乎不起作用，元素仍然被设置为display:none

我知道我可以通过在元素周围添加一个包装div来解决这个问题，但是说实话，这需要很大的努力，我宁愿通过jQuery找到解决方案，也不愿回去编辑HTML

我尝试了以下方法：

  $("#mmoverlaycenter").fadeOut().css("visibility", "hidden");
  $("#mmoverlaycenter").css("display", "initial");

将行分开的原因是，声明多个CSS更改似乎会不断抛出语法错误

在我看来，这应该是可行的，但是元素最终会有以下样式：

<div id="mmoverlaycenter" style="visibility: hidden; display: none;">

我的一个想法是，淡入淡出动画需要时间来完成，因此动画开始运行，应用其他样式属性，然后动画完成并应用显示：无

你觉得怎么样

干杯

用这个：

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css("display", "block");
});

或者更好的是，删除

显示

CSS

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css("display", "");
});

要将两者结合起来：

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css({
        "display": "block",
        "visibility": "hidden"
    });
});

使用以下命令：

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css("display", "block");
});

或者更好的是，删除

显示

CSS

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css("display", "");
});

要将两者结合起来：

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css({
        "display": "block",
        "visibility": "hidden"
    });
});

使用以下命令：

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css("display", "block");
});

或者更好的是，删除

显示

CSS

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css("display", "");
});

要将两者结合起来：

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css({
        "display": "block",
        "visibility": "hidden"
    });
});

使用以下命令：

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css("display", "block");
});

或者更好的是，删除

显示

CSS

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css("display", "");
});

要将两者结合起来：

$("#mmoverlaycenter").fadeOut(function () {
    $(this).css({
        "display": "block",
        "visibility": "hidden"
    });
});

尝试使用done（）函数

$("#mmoverlaycenter").fadeOut().css("visibility", "hidden").done(function(){
                  $(this).css("display", "block");
    });

尝试使用done（）函数

$("#mmoverlaycenter").fadeOut().css("visibility", "hidden").done(function(){
                  $(this).css("display", "block");
    });

尝试使用done（）函数

$("#mmoverlaycenter").fadeOut().css("visibility", "hidden").done(function(){
                  $(this).css("display", "block");
    });

尝试使用done（）函数

$("#mmoverlaycenter").fadeOut().css("visibility", "hidden").done(function(){
                  $(this).css("display", "block");
    });

---

只需将过渡设置为不透明度为0的动画，即可满足您的需要：

$("#mmoverlaycenter").animate({ 
    opacity: 0
});

---

只需将过渡设置为不透明度为0的动画，即可满足您的需要：

$("#mmoverlaycenter").animate({ 
    opacity: 0
});

---

只需将过渡设置为不透明度为0的动画，即可满足您的需要：

$("#mmoverlaycenter").animate({ 
    opacity: 0
});

---

只需将过渡设置为不透明度为0的动画，即可满足您的需要：

$("#mmoverlaycenter").animate({ 
    opacity: 0
});

---

您还可以

animate（）

CSS属性

opacity

将其设置为0，然后应用

可见性：隐藏

。您还可以

animate（）

CSS属性

opacity

将其设置为0，然后应用

可见性：隐藏

。您还可以

animate（）

CSS属性

opacity

将其设置为0，然后应用

可见性：隐藏

。您还可以

animate（）

CSS属性

opacity

将其设置为0，然后应用

可见性：隐藏。那不行。您需要使用
promise（）
方法，在动画完成之前不要将可见性设置为隐藏。无论如何，更好的方法是使用
fadeOut（）
complete回调。作为一个方面，使用
done（）
：
$（“#mmoverlaycenter”）.fadeOut（）.promise（）.done（函数（）{$（this）.css（{display:“block”，visibility:“hidden”}）那不行。您需要使用
promise（）
方法，在动画完成之前不要将可见性设置为隐藏。无论如何，更好的方法是使用
fadeOut（）
complete回调。作为一个方面，使用
done（）
：
$（“#mmoverlaycenter”）.fadeOut（）.promise（）.done（函数（）{$（this）.css（{display:“block”，visibility:“hidden”}）那不行。您需要使用
promise（）
方法，在动画完成之前不要将可见性设置为隐藏。无论如何，更好的方法是使用
fadeOut（）
complete回调。作为一个方面，使用
done（）
：
$（“#mmoverlaycenter”）.fadeOut（）.promise（）.done（函数（）{$（this）.css（{display:“block”，visibility:“hidden”}）那不行。您需要使用
promise（）
方法，在动画完成之前不要将可见性设置为隐藏。无论如何，更好的方法是使用
fadeOut（）
complete回调。作为一个方面，使用
done（）
：
$（“#mmoverlaycenter”）.fadeOut（）.promise（）.done（函数（）{$（this）.css（{display:“block”，visibility:“hidden”}）完美，很有魅力。非常感谢。出于兴趣，就我个人所知，在这样的函数中放置一个函数，调用的第一个函数是否会等到它完全完成后再运行子函数？这是一个回调函数。动画完成后，将执行此功能。这是正确的称呼方式@阿什…完美，很有魅力。非常感谢。出于兴趣，就我个人所知，在这样的函数中放置一个函数，调用的第一个函数是否会等到它完全完成后再运行子函数？这是一个回调函数。动画完成后，将执行此功能。这是正确的称呼方式@阿什…完美，很有魅力。非常感谢。出于兴趣，就我个人所知，在这样的函数中放置一个函数，调用的第一个函数是否会等到它完全完成后再运行子函数？这是一个回调函数。动画完成后，将执行此功能。这是正确的称呼方式@阿什…完美，很有魅力。非常感谢。出于兴趣，就我个人所知，在这样的函数中放置一个函数，调用的第一个函数是否会等到它完全完成后再运行子函数？这是一个回调函数。动画完成后，将执行此功能。这是正确的称呼方式@灰烬。。。