2017-06-20 5 views
0

enter image description here私はセマンティックUIを使い始めました。 下記の垂直メニューの例をご覧ください。これはUIをレンダリングしますが、機能しません。私はこれのために初期化されたjavascriptがあるべきであることを理解する。しかし、コンポーネントの初期化についてのドキュメントはどこにありますか。セマンティックUI - Javascriptの動作を取得する

<div class="ui secondary vertical pointing menu"> 
    <a class="item"> 
    Home 
    </a> 
    <a class="item active"> 
    Messages 
    </a> 
    <a class="item"> 
    Friends 
    </a> 
</div> 
+0

:しかし、SUIのドキュメントの例では、ここでは、そのコードをアクティブクラスのスイッチを扱ういくつかのJSを使用します。おそらくあなたは[tabs](https://semantic-ui.com/modules/tab.html#with-menus)を探しています – Sarthak

答えて

0

Sarthakが正しく、メニューはコレクションタイプのコンポーネントであり、JSは作業を修正する必要はありません。メニューはSUI内の任意のJavaScriptを使用していない

$(this) 
    .addClass('active') 
    .closest('.ui.menu') 
    .find('.item') 
    .not($(this)) 
    .removeClass('active') 

Full source

+0

編集した投稿をチェックすると、スクリーンショットをアップロードしました。コードを分割してもそれ自体では機能しません。私はそれがjsを必要とすると確信しています。 – Abhilash

関連する問題