Question

我有2个button元素。单击第一个按钮，第二个按钮出现，第一个按钮消失。 @Fiddle

$(document).ready(function () {
    $("#startClock").click(function () {
        $("#startClock").fadeOut().delay(120000).fadeIn();
        $("#submitamt").fadeIn().delay(120000).fadeOut();         
    });
});

<button class="rightbtn" type="button" id="startClock">Start</button>
<button class="rightbtn" type="button" id="submitamt" style="display:none;">Submit</button>

一切都很好但是当第二个按钮取代第一个按钮时，它会从右向左滑动。我希望第二个按钮应该直接替换第一个按钮，而不会滑动/占用任何空间/而不影响CSS

谁能告诉你怎么做？

Answer 1

试试这个，可能会有帮助

你需要使用回调

$(document).ready(function () {
    $("#startClock").click(function () {
        $("#startClock").fadeOut(function(){
          $("#submitamt").fadeIn().delay(120000).fadeOut(function(){
                   $("#startClock").delay(120000).fadeIn();
          });
        })

    });
});

或只是

 $(document).ready(function () {
        $("#startClock").click(function () {
            $("#startClock").fadeOut(function(){
              $("#submitamt").fadeIn().delay(120000).fadeOut(function(){
                       $("#startClock").fadeIn();
              });
            })

        });
    });

在这种情况下只会延迟120000毫秒。

Updated Fiddle

Answer 2

替换你的jQuery代码

$(document).ready(function () {
    $("#startClock").click(function () {
        $("#startClock").fadeOut().delay(120000,function(){
           $("#submitamt").fadeIn().delay(120000); 
    });
}); });

用其他按钮替换按钮

2 个答案: