javascript – jQuery在功能结束时隐藏和显示效果

2019年7月2日 236次阅读

请考虑以下代码：

<div id="thediv" >hola</div>
<button id="resharper">button</button>

用javascript / jQuery：

$("button").on( 'click', function() {
    $("#thediv").show();
    alert('click');
});

$(document).ready(function(){
    $("#thediv").hide();
})

我希望行为首先显示div标签,然后显示警告“Click”.相反,行为以相反的方式起作用.首先显示警报文本,然后显示按钮.我错过了什么吗？

我可以以某种方式修改代码以获得首次显示div的所需行为,然后闪烁警报文本.

最佳答案 检查在 jQuery.show(options)中是否允许您通过 PlainObject选项.

而且你可以使用complete：一个元素上的动画完成后调用的函数.

码：

$("button").on( 'click', function() {
    $("#thediv").show({ 
      complete: function() {
        alert('click');
      } 
    });
});

$(document).ready(function(){
    $("#thediv").hide();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="thediv" >hola</div>
<button id="resharper">button</button>
with javascript/jQuery:
点赞