文章标签 ‘jquerymobile’
2012十二月27

jquerymobile 实现提示框

引入JS和CSS文件:

<link rel="stylesheet" href="../css/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" href="../css/jquery.mobile.simpledialog.min.css" /> 
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.mobile.simpledialog2.min.js"></script>

JS代码:

$('<div>').simpledialog2({
				mode: 'button',
				headerText: '提示',
				headerClose: true,
				buttonPrompt: '请选择商品',
				buttons : {
					'确定': {
						click: function () { 
							//$('#outputbutton1').text('OK');
						}
					}
				}
			});