jQuery移動端多功能彈出確認框代碼



169 672 225



特效描述: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>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 文字提示框 提示文字 提示框/彈出層
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子