2014-08-29 97 views
0

我已經看遍了整個Semantic UI demos,找不到相當於Bootstrap Popovers的語義UI。這些彈出窗口通常會打開連接到其切換,並且可以保持打開以供用戶進行交互。語義UI popover

如果Semantic UI中沒有彈出窗口,人們推薦使用什麼設計/元素來代替?基本的想法是獲得像「添加新度量」按鈕in this design那樣的工作。

+1

如果你看看[酥料餅的例子(http://semantic-ui.com/modules/popup.html#/examples)有一個觸發器模仿的彈出窗口。這與Bootstrap popover的作用相同。 – Aibrean 2014-08-29 19:16:11

+0

真棒,謝謝!我錯過了這一點,因爲我只看了「定義」選項卡。瀏覽文檔的一般提示。 – Milimetric 2014-09-08 02:48:42

回答

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/