Javascript jQuery：根据表的可见性状态更改按钮的文本

我试图使用jQuery更改表可见或不可见时按钮的文本。问题是jQuery

.is（“：visible”）

似乎无法做到这一点。我做错了什么？我假设

.is（“：visible”）

是检查元素是否可见所需的

$（函数（）{
$（“#tabla”）.hide（）；//我们开始隐藏它。
$（“#boton”）。单击（函数（）{
var tabla=$（“#tabla”）；
tabla.fadeToggle（）；//更改表格可见性
//告诉我们它是否可见
如果（表A.is（“：visible”））{
警报（“它是可见的”）；//始终调用此命令。
//TODO更改按钮文本。
}否则{
警报（“它不可见”）；//永远不会调用它。
//TODO更改按钮文本。
}
});
});

展示

第一秒钟
福布
用于检查可见性：

if (tabla.css('display') != 'none') {
   alert('is visible');
} else {
   alert('is NOT visible');
}

用于检查可见性：

if (tabla.css('display') != 'none') {
   alert('is visible');
} else {
   alert('is NOT visible');
}

用于检查可见性：

if (tabla.css('display') != 'none') {
   alert('is visible');
} else {
   alert('is NOT visible');
}

用于检查可见性：

if (tabla.css('display') != 'none') {
   alert('is visible');
} else {
   alert('is NOT visible');
}

jQuery方法将花费一些时间来执行，并且是并行执行的[在jQuery中查找承诺]。在代码中，当调用fadeToggle时，您正在检查表的可见性，因此它还没有时间完成

您可能希望在函数完成后检查“可见”。如果要检查切换函数何时完成，则必须使用回调

$(function() {
  $( "#tabla" ).hide(); // We start hiding it.
  $("#boton").click(function() {
    var tabla = $("#tabla");
    tabla.fadeToggle( "fast", "linear" , function(){
        // This function will be called when the fade function completes
        // An tell us if it is visible or not
        if (tabla.is(":visible")) {
          alert("It's visible");
          // TODO Change button text.
        } else {
          alert("It isn't visible");
          // TODO Change button text.
        }
    });   
  });
});

您可以在此或中查看延迟和承诺背后的逻辑，以解释它们。
jQuery方法将花费一点时间来执行，并并行执行[在jQuery中查找承诺]。在代码中，当调用fadeToggle时，您正在检查表的可见性，因此它还没有时间完成

您可能希望在函数完成后检查“可见”。如果要检查切换函数何时完成，则必须使用回调

$(function() {
  $( "#tabla" ).hide(); // We start hiding it.
  $("#boton").click(function() {
    var tabla = $("#tabla");
    tabla.fadeToggle( "fast", "linear" , function(){
        // This function will be called when the fade function completes
        // An tell us if it is visible or not
        if (tabla.is(":visible")) {
          alert("It's visible");
          // TODO Change button text.
        } else {
          alert("It isn't visible");
          // TODO Change button text.
        }
    });   
  });
});

您可以在此或中查看延迟和承诺背后的逻辑，以解释它们。
jQuery方法将花费一点时间来执行，并并行执行[在jQuery中查找承诺]。在代码中，当调用fadeToggle时，您正在检查表的可见性，因此它还没有时间完成

您可能希望在函数完成后检查“可见”。如果要检查切换函数何时完成，则必须使用回调

$(function() {
  $( "#tabla" ).hide(); // We start hiding it.
  $("#boton").click(function() {
    var tabla = $("#tabla");
    tabla.fadeToggle( "fast", "linear" , function(){
        // This function will be called when the fade function completes
        // An tell us if it is visible or not
        if (tabla.is(":visible")) {
          alert("It's visible");
          // TODO Change button text.
        } else {
          alert("It isn't visible");
          // TODO Change button text.
        }
    });   
  });
});

您可以在此或中查看延迟和承诺背后的逻辑，以解释它们。
jQuery方法将花费一点时间来执行，并并行执行[在jQuery中查找承诺]。在代码中，当调用fadeToggle时，您正在检查表的可见性，因此它还没有时间完成

您可能希望在函数完成后检查“可见”。如果要检查切换函数何时完成，则必须使用回调

$(function() {
  $( "#tabla" ).hide(); // We start hiding it.
  $("#boton").click(function() {
    var tabla = $("#tabla");
    tabla.fadeToggle( "fast", "linear" , function(){
        // This function will be called when the fade function completes
        // An tell us if it is visible or not
        if (tabla.is(":visible")) {
          alert("It's visible");
          // TODO Change button text.
        } else {
          alert("It isn't visible");
          // TODO Change button text.
        }
    });   
  });
});

您可以在本文或本文中查看延迟和承诺背后的逻辑，以解释它们。
您知道为什么我的代码不正常吗？我想使用JQuery（如果可以使用的话）。我输入的代码是JQuery。这是因为.hide（）在您的表中添加了一个“display:none；”css指令，所以使用我的代码进行检查就可以了。这个问题得到了答案！这对我来说似乎很好！检查以上答案！你知道为什么我的代码不好吗？我想使用JQuery（如果可以使用的话）。我输入的代码是JQuery。这是因为.hide（）在您的表中添加了一个“display:none；”css指令，所以使用我的代码进行检查就可以了。这个问题得到了答案！这对我来说似乎很好！检查以上答案！你知道为什么我的代码不好吗？我想使用JQuery（如果可以使用的话）。我输入的代码是JQuery。这是因为.hide（）在您的表中添加了一个“display:none；”css指令，所以使用我的代码进行检查就可以了。这个问题得到了答案！这对我来说似乎很好！检查以上答案！你知道为什么我的代码不好吗？我想使用JQuery（如果可以使用的话）。我输入的代码是JQuery。这是因为.hide（）在您的表中添加了一个“display:none；”css指令，所以使用我的代码进行检查就可以了。这个问题得到了答案！这对我来说似乎很好！检查以上答案！非常感谢。这正是问题所在。感谢您找到了移动的问题；-）非常感谢。这正是问题所在。感谢您找到了移动的问题；-）非常感谢。这正是问题所在。感谢您找到了移动的问题；-）非常感谢。这正是问题所在。感谢您找到了移动的问题；-）