2015-01-06 7 views
5

私はセマンティック1.4.1(1.6.1でも試してみました)を使用していて、ドロップダウンの例を直接貼り付けましたドキュメントから:「指定したCSSアニメーションと一致しません」切り取りと貼り付けのエラードロップダウンの例

<div class="ui selection dropdown"> 
    <input type="hidden" name="gender"> 
    <div class="default text">Gender</div> 
    <i class="dropdown icon"></i> 
    <div class="menu"> 
    <div class="item" data-value="1">Male</div> 
    <div class="item" data-value="0">Female</div> 
    </div> 
</div> 

は、私はエラー

[Error] Transition: There is no css animation matching the one you specified. slide down in 
    error ([native code], line 0) 
    error (semantic.js, line 15438) 
    animate (semantic.js, line 15438) 
    initialize (semantic.js, line 15438) 
    (anonymous function) (semantic.js, line 15438) 
    each (jquery-1.7.1.min.js, line 2) 
    each (jquery-1.7.1.min.js, line 2) 
    transition (semantic.js, line 15438) 
    show (semantic.js, line 4432) 
    show (semantic.js, line 4432) 
    focus (semantic.js, line 4432) 
    dispatch (jquery-1.7.1.min.js, line 3) 
    i (jquery-1.7.1.min.js, line 3) 

を取得し、メニューがドロップダウンしません。 SafariとChrome(OSX)の両方でこれを試してみました。

私はgulp buildを使ってsrcから1.4.1と1.6.1をビルドしています。

アイデア?

答えて

1

奇妙なことに、それは奇妙な古いものだったjquery-1.7.1jquery-1.11.2にアップグレードすると(マイグレーションツールも同様に)、ドキュメントサイトで動作するのと同じ方法で、HTMLが自分のサイトで動作しました。

1

また、接頭辞-webkit-transition.lessに追加してみてください。

autoprefixerを使用すると、自動的にプレフィックスをCSSに追加できます。

関連する問題