关于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
				}
			);
		
	});
	
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值