語義Ui中的不完全轉換

那麼，我在我的項目中使用語義UI，現在我卡住了，問題是 - 我想隱藏一個帶有轉換的元素#header_1，轉換完成後我使用行爲onComplete來顯示另一個元素#hidden語義Ui中的不完全轉換

這裏是我的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'}); 
    } 
});

}）;

對不起，我的英語不好，並請幫我解決這個問題

來源

2015-09-04 Jonathan Tyar

按照Official Documentation你不應該在過渡符號使用大括號，即你的代碼應該是這樣的：

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

來源

2015-09-04 06:52:05 ljubomir

謝謝你的工作！：D –

但'現在又出現了另一個問題，當第一次轉換沒有開始時我怎麼能隱藏＃隱藏？ –

你應該通過CSS解決這個問題。只需將class ='hidden'添加到#hidden div中即可。 – ljubomir

語義Ui中的不完全轉換

回答

相關問題