2014-08-29 110 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/