小编Jon*_*yar的帖子

Ui的不完全过渡

好吧,我在项目中使用了语义UI,现在我陷入了困境,问题是-我想隐藏#header_1带有过渡的元素,并且在过渡完成后,我使用行为onComplete来显示另一个元素#hidden

这是我的HTML代码

<div id="header_1">
    <a href="#" class="ui animated inverted large button uk-margin-small-bottom" id="play">
</div>
<div id="hidden">
    Booommm!!!!
</div>
Run Code Online (Sandbox Code Playgroud)

这是我的JavaScript代码

$('#play').click(function(){
    $('#header_1').transition({
        animation : 'fade',
        duration : '500ms',
        onComplete : function(){
            $('#hidden').transition({'show'});
    }
});
Run Code Online (Sandbox Code Playgroud)

});

对不起,英语不好,请帮我解决这个问题

html javascript transition semantic-ui

5
推荐指数
1
解决办法
818
查看次数

标签 统计

html ×1

javascript ×1

semantic-ui ×1

transition ×1