twitter-bootstrap - セマンティック UI ポップオーバー

Question

セマンティック UI のデモをすべて調べましたが、Bootstrap Popoversに相当するセマンティック UI が見つかりませんでした。これらは通常、トグルに接続して開くポップアップであり、ユーザーが操作できるように開いたままにすることができます。

セマンティック UI にポップオーバーが存在しない場合、代わりにどのデザイン/要素を使用することをお勧めしますか? 基本的な考え方は、このデザインの[新しいメトリックを追加] ボタンのように機能するものを取得することです。

Answer 1

Aibreanが言ったように、そのような機能は既にあります。 Semantic Popupモジュールを参照してください。

<div class="ui button" data-title="Lorem ipsum" data-content="Lorem ipsum dolor sit amet." data-position="right center">Click Me</div>

<div class="ui button" data-html="<div class='ui secondary vertical pointing menu'><a class='active item' href='#'>Home</a><a class='item' href='#'>Messages</a><a class='item' href='#'>Friends</a></div>">Click here</div>

<script type="text/javascript">
$('.button').popup({
    on: 'click',
    closable: false
});
</script>

これが動作中のデモです: http://jsfiddle.net/0q42ztp1/