最近根据项目需要需要使用到一个气泡提示框,在网上寻找了一下 找到grumble.js这个简单实用的东西,但是使用上感觉跟项目有点冲突,就是加载的时候 我们的主模块先隐藏了,grumble.js又是绝对定位,导致气泡位置不对,而且加载到其他页面。最后就是解决办法了 如下:
<link rel="stylesheet" type="text/css" href="/css/grumble.min.css">
<script src="/js/jquery.grumble.min.js" type="text/javascript"></script>
$(function(){
setTimeout(tests,1500);
});
//初始化延迟加载,并设置事件,就可以解决到想要的页面才显示气泡
function tests(){
$(".menu_conent_div").one("mouseover",function(){
$("#ballonTipss").grumble(
{
text: '文字描述',
angle: 15,
distance: 60,
showAfter: 500,
hasHideButton: true
}
);
});
}