Question

我有这个代码并且在firefox上使用chrome无所事事。 jquery的版本是jQuery JavaScript Library v2.1.4

chrome版本54.0.2840.99 m firefox版本49.0.2

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
function transferirAIvr(){

    //deshabilita boton transferencia
    var textoBtn = $("#btonTrasnferenciaStateFul").text();
    alert(textoBtn);

    $("#btonTrasnferenciaStateFul").text("");
  alert("1");
    $("#btonTrasnferenciaStateFul").text("Transfiriendo...");
    alert("2");
    $('#btonTrasnferenciaStateFul').prop("disabled", true);
  alert("3");
  $('#btonTrasnferenciaStateFul').attr("disabled", false).delay( 3000 );
    $("#btonTrasnferenciaStateFul").text(textoBtn);
  }
</script>
</head>
<body>

<button id="btonTrasnferenciaStateFul"onclick="transferirAIvr()" type="button">Transferir</button>

</body>
</html>

here the link

Answer 1

使用setTimeout而不是延迟。

function transferirAIvr(){

    //deshabilita boton transferencia
    var textoBtn = $("#btonTrasnferenciaStateFul").text();

    $("#btonTrasnferenciaStateFul").html("");
    $("#btonTrasnferenciaStateFul").html("Transfiriendo...");
    $('#btonTrasnferenciaStateFul').prop("disabled", true);
    setTimeout(function(){
        $('#btonTrasnferenciaStateFul').attr("disabled", false);
        $("#btonTrasnferenciaStateFul").html(textoBtn);
    }, 3000);
}

Jquery代码适用于Firefox，但不适用于chrome

1 个答案: