我正在尝试使用Semantic UI的弹出模块,它在我的项目上的定位方面从未正常工作,因为它在演示中.我尝试了一些黑客(设置位置到相对等),但没有运气;这是一个小提琴:
http://jsfiddle.net/smt94eox/
其中我打算在按钮的左上角显示弹出窗口:
$('#smile').popup({
inline: true,hoverable: true,position: 'top left'
});
最佳答案
根据docs
您不需要内联选项
Using the setting inline: true will let Semantic know to display the
next sibling ui popup element after the activator.
如果删除内联选项并确保弹出窗口有空间,则会正确显示. http://jsfiddle.net/smt94eox/1/
HTML – 只需使用“margin”为弹出窗口创建一些空间
JavaScript的
$('#smile').popup({
hoverable: true,position: 'top left'
});
原文链接:https://www.f2er.com/css/427216.html