語義Ui中的不完全轉換

Question

好吧，我在我的項目中使用了語義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>

這是我的javascript代碼

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

}）;

抱歉英語不好，請幫我解決這個問題

Answer 1

根據官方文檔，您不應在過渡表示法中使用花括號，即您的代碼應如下所示：

...
onComplete : function(){
    $('#hidden').transition('show');
}
...