jQuery mobile 學習06 提示框和確認框,jquerymobile
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html> <html><head><title>JQM TITLE</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="jqm/jquery.mobile-1.4.5.css" /><script src="jqm/jquery-1.11.2.js"></script><script src="jqm/jquery.mobile-1.4.5.js"></script></head><body><div data-role="page" id="index"><div data-role="header"><h1>頁面標題區</h1></div><div data-role="main" class="ui-content"><p>頁面內容地區</p><br/><a href="#showdialog">顯示提示框</a><br/><br/><br/><a href="#showconfirm">顯示確認框</a><br/><br/></div><div data-role="footer" data-><h2>頁面底部地區</h2></div></div><div data-role="dialog" id="showdialog"><div data-role="header"><h1>提示框的標題</h1></div><div data-role="content"><p>jack</p><p>daju</p></div><div data-role="footer"><h3>提示框的底部</h3></div></div><div data-role="dialog" id="showconfirm"><div data-role="header"><h1>確認框標題</h1></div><div data-role="content"><p><b>你確定退票嗎?</b></p><a data-role="button" data-inline="true">確定</a><a data-role="button" data-inline="true">取消</a></div><div data-role="footer"><h3>確認框的底部</h3></div></div></body></html>