jQuery移动端弹出确认框插件



38 151 51



特效描述:jQuery 移动端弹出 确认框插件,jQuery移动端弹出确认框插件

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/global.css">

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/windowOpen.js" ></script>

3. HTML代码

<button class="open-window">游客不能登录</button>
<button class="open-window-simulate">模拟账号为开户</button>
<button class="open-window-title">网络异常下单失败</button>
<button class="open-window-2btn">模拟账户输入交易密码</button>
<button class="open-window-please-top-up">资金不足请充值</button>
<button class="open-window-close-out-fail">平仓失败</button>
<button class="open-window-set-orders">修改挂单提示</button>
<button class="open-window-set-orders-fail">修改挂单失败提示</button>
<button class="open-window-set-indent-fail">修改订单失败</button>
<button class="open-window-loading">页面加载中...</button>
<script type="text/javascript">
	//游客不能登录提示框,执行此代码
	var setTitle = '';
	var setContents = '';
	var setButton = '';
	$('.open-window').on('click',function(){
		setTitle = '提示';
		setContents = '您好,游客不能交易,请“开立真实账户”或“开立模拟账户”';
		setButton = '["取消","确定"]';
		$(this).openWindow(setTitle,setContents,setButton);
	});
	//网络异常下单失败提示,执行此代码
	$('.open-window-title').on('click',function(){
		setTitle = '提示';
		setContents = '网络异常下单失败,请稍后再试';
		setButton = '["确定"]';
		$(this).openWindow(setTitle,setContents,setButton);
	});
	//模拟账户输入交易密码,或者开立真实账户提示,执行此代码
	$('.open-window-2btn').on('click',function(){
		setTitle = '提示';
		setContents = '为了确保您的模拟账户的资金安全请输入您的交易密码<input type="password" class="jy-password" />';
		setButton = '["真实账户","确定"]';
		$(this).openWindow(setTitle,setContents,setButton);
	});
	//模拟账号未开户提示,执行此代码
	$('.open-window-simulate').on('click',function(){
		setContents = '模拟账号未开户,请点击一键开户';
		setButton = '["取消","一键开户"]';
		$(this).openWindow(setTitle,setContents,setButton);
	});
	//资金不足请充值,执行此代码
	$('.open-window-please-top-up').on('click',function(){
		//设置按钮个数和链接
		setContents = '资金不足,请及时充值';
		setButton = '["取消","删除"]';
		$(this).openWindow(setTitle,setContents,setButton);
	});
	//网络异常平仓失败,请稍后再试,执行此代码
	$('.open-window-close-out-fail').on('click',function(){
		setTitle = '提示';
		setContents = '网络异常平仓失败,请稍后再试';
		setButton = '["确认"]';
		$(this).openWindow(setTitle,setContents,setButton);
	});
	//修改挂单提示执行此代码
	$('.open-window-set-orders').on('click',function(){
		setTitle = '提示';
		setContents = '订单:#5725799 GOLD,buy limit at 1187.00';
		setButton = '["取消","删除"]';
		$(this).openWindow(setTitle,setContents,setButton);
	});
	//修改挂单失败执行此代码
	$('.open-window-set-orders-fail').on('click',function(){
		setTitle = '提示';
		setContents = '网络异常修改失败,请稍后再试';
		setButton = '["确认"]';
		$(this).openWindow(setTitle,setContents,setButton);
	});
	//修改订单失败执行此代码
	$('.open-window-set-indent-fail').on('click',function(){
		setTitle = '提示';
		setContents = '网络异常修改失败,请稍后再试';
		setButton = '["确认"]';
		$(this).openWindow(setTitle,setContents,setButton);
	});
	//加载中蒙版
	$('.open-window-loading').on('click',function(){
		$('.loading').show();
	});
</script>
<div class="loading">
	<img src="img/zzsc.jpg" />
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 右键菜单 文字提示框 提示框/弹出层 layer lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 弹出层拖动 窗口提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到