セマンティックUIの使い方「コンテンツを追加する」JavaScriptの動作？

Question

私はそうのようなマークアップとセマンティックUIディマーを開始しようとしている：

<p id="move">Move me</p> 

<div class="ui dimmable"> 

    <h3 class="ui header"> 
    Overlayable Section 
    </h3> 

    <div class="ui dimmer"></div> 

</div> 

などのようなJS：

$('.ui.dimmable') 
    .dimmer(
    {on: 'click'}, 
    'add content', $('#move')) 
; 

から要素を切り離す必要があります'add content'と呼ばれる行動は明らかにありDOMを追加して調光器に追加します。

誰でもこの作品を作成する方法についてのアイデアはありますか？

注 - 上記では '.ui.dimmable'のクリックでdimmerを開始しますが、 'behaviors' Semantic UI Docsの使用方法を理解できず、例が見つかりません。

ありがとうございます！

Answer 1

ディマーのコンテンツはデフォルトで黒ですので、#move要素を白にする必要があります。私は.ui.inverted.header

でh2に変更してみましたそして、あなたはこれであなたの調光器に、ご希望のコンテンツを追加する必要があります。

$(".ui.dimmable").dimmer("add content", $("#move")); 

そして

Try it on this JSFiddle

$(".ui.dimmable").dimmer({ 
    on: "click" 
}); 

クリックに表示するように設定します