关于grumble.js气泡插件的使用小心得

最近根据项目需要需要使用到一个气泡提示框，在网上寻找了一下 找到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
				}
			);
		
	});
	
}