jquery – 语义UI弹出位置很远

前端之家收集整理的这篇文章主要介绍了jquery – 语义UI弹出位置很远前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在尝试使用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

猜你在找的CSS相关文章