语义 UI 特殊弹出窗口未显示
Semantic-UI Special PopUp not showing
我正在尝试使用自定义 html 构建一个特殊的弹出窗口,以便稍后向其添加内容......
我的控制台显示此消息 = 弹出窗口:找不到弹出窗口的可见位置。
$(document)
.ready(function() {
$('.item.messages')
.popup({
inline: true,
hoverable: true,
popup: '.special.popup',
position: 'bottom left',
delay: {
show: 300,
hide: 800
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="item messages">
<i class="mail icon"></i>
<div class="ui special popup">
<div class="header">Custom Header</div>
<div class="ui button">Click Me</div>
</div>
</a>
有什么想法吗?
试试这段代码它会起作用,你需要调用
div来弹出 $(document)
.ready(function() {
$('.special.popup')
.popup({
inline: true,
hoverable: true,
popup: '.special.popup',
position: 'bottom left',
delay: {
show: 300,
hide: 800
}
});
});
setTimeout(function(){
$('.item.messages')
.popup({
inline: true,
hoverable: true,
popup: '.special.popup',
position: 'bottom left',
delay: {
show: 300,
hide: 800
}
});
}, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="item messages">
<i class="mail icon"></i>
</a>
<div class="ui special popup">
<div class="header">Custom Header</div>
<div class="ui button">Click Me</div>
</div>
试试这个。结合上述阿马尔的解决方案。我相信最好在容器外放置弹出的div。
相关文章:
- 谷歌地图API-信息窗口显示谷歌位置API信息
- 如何使用 javascript 警报窗口显示验证消息
- 使用模式消息/窗口显示数据库记录
- 单击按钮并将其下载为图像格式时,如何使用引导模式弹出窗口显示D3图表
- 为什么我的html弹出窗口显示我的函数的文本,而不是运行它们
- 如何让角度引导弹出窗口显示字典值
- 当子窗口打开时,父窗口显示为灰色
- 如何检查是否允许弹出窗口显示在客户端的浏览器中
- 同步窗口.显示()
- 简单模式弹出窗口显示每个会话一次
- 谷歌api信息窗口显示在谷歌地图api上的1个标记下
- 单击传单中的标记时,如何防止弹出窗口显示
- 点击警报窗口显示
- 如何使用ajax的Magnific弹出窗口显示测验
- 在弹出窗口打开之前,模式弹出窗口中的Elevate zoom缩放窗口显示在内容后面
- 对溢出的文本进行设置时,角度uib弹出窗口显示在错误的位置
- 你能控制用Javascript创建的窗口显示在哪个显示器上吗
- 在双显示器上复制弹出窗口显示
- 信息窗口显示在同一标记上
- 模式窗口显示得非常简短