<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="jquerymobile/jquery.mobile-1.0b1.min.css" />
<script src="jquerymobile/jquery-1.6.1.js"></script>
<script src="jquerymobile/jquery.mobile-1.0b1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
---
</div>
<div data-role="content">
<div data-role="fieldcontain">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" />
</div>
<a href="index.html" data-role="button" data-icon="delete">Delete</a>
</div>
<div data-role="button">
<input type="text" name="name" id="name2" value="" />
<a id="cha" data-role="button" data-icon="arrow-d" data-iconpos="notext"></a>
<select name="selectchoice" id="selectchoice" data-native-menu="false">
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</div>
<div data-role="footer">...</div>
</div>
<script type="text/javascript">
setTimeout(function (){
$("#cha").click(function (){
$(".ui-select").find("a").trigger("click");
var position =$("#cha").offset();
$(".ui-selectmenu").css("top",""+position.top);
$(".ui-selectmenu").css("left",""+position.left-($("#name").width()/2));
$(".ui-selectmenu").find("ul").find("li").find("div").find("div").append("xxx");
$(".ui-selectmenu").click(function (){
$("#name2").val($("#selectchoice").val());
});
});
$(".ui-select").hide();
},100);
</script>
</body>
</html>
分享到：
相关推荐
jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架，专为移动设备上的网页应用设计，它提供了丰富的用户界面（UI）组件和交互效果，让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...
在IT行业中，jQuery Mobile是一种广泛使用的前端框架，它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果，其中包括我们今天要讨论的主题——相册样式。在这个主题下，...
jQuery Mobile 是一个广泛使用的框架，特别适合于移动设备和桌面浏览器。它允许开发者使用HTML5、CSS3和JavaScript来创建响应式网页应用。这个框架之所以在移动开发中受到青睐，是因为它可以将现有的网页转换成触摸...
1. **统一的触控体验**：jQuery Mobile提供了一套跨平台的触控事件处理机制，确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**：通过数据-URL（data-url）属性和页面容器，jQuery Mobile可以...
jQuery Mobile相册是一种基于jQuery Mobile框架的移动应用组件，它为用户提供了一种优雅的方式来展示和浏览图片集，尤其适用于移动设备。jQuery Mobile是jQuery库的一个分支，专为触摸设备优化，提供了一套完整的UI...
**jQuery Mobile 设计详解** jQuery Mobile 是一个轻量级、响应式的前端框架，专为触摸设备的网页设计和开发而构建。它简化了创建移动友好的网页应用的过程，提供了丰富的组件和交互效果，使得开发者可以快速构建...
《jQuery Mobile Datepicker：手机端日期选择器深度解析》 在移动应用开发中，日期选择器是一个不可或缺的组件，它提供了用户友好的界面，让用户能够方便地选择日期。jQuery Mobile Datepicker 是一个专为手机端...
资源名称：jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介：《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库，从...
jQuery Mobile 是一个轻量级、触控优化的前端框架，专为移动设备设计，它提供了一整套构建移动Web应用程序的组件。在这个“jQuery mobile滑动式的标题导航”主题中，我们将深入探讨如何利用jQuery Mobile创建动态且...
### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**：jQuery Mobile 是一款流行的开源 JavaScript 库，它主要用于构建响应式的 Web 应用程序，支持触摸操作，兼容多种移动设备。...
《jQuery Mobile实战》源码分析 jQuery Mobile 是一个流行的前端框架，专为移动设备设计，旨在简化移动Web应用的开发。这个源码包提供了一手的学习资料，让我们深入理解jQuery Mobile的工作原理及其在实际项目中的...
1.jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 2.jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上，如果您了解 jQuery，您可以很容易的学习 jQuery Mobile。 3.jQuery Mobile 使用了极少的 ...
《jQuery Mobile官方Git资源详解》 在Web开发领域，jQuery Mobile是一个非常重要的框架，它为构建响应式、触摸友好的移动应用提供了强大的工具。本文将深入解析“jquery mobile官方git资源”，并围绕其中的关键知识...
jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。
作为jQuery Mobile的入门级读物，《jQuery Mobile快速入门》以示例方式讲解了jQuery Mobile的基本知识和核心特性，内容系统全面，便于理解。 《jQuery Mobile快速入门》总共分为10章，内容包括jQuery Mobile的基础...
《jQuery Mobile 1.4.1版：移动开发的核心组件》 jQuery Mobile 是一个功能强大的前端框架，专门针对移动设备的网页开发而设计。在1.4.1版本中，它提供了一系列优化的CSS和JavaScript文件，使得开发者能够快速、...
jQuery Mobile API文档。jQuery Mobile是jQuery框架的一个组件（而非jquery的移动版本）。jQuery Mobile是一款基于HTML5的用户界面系统，旨在使所有智能手机，平板电脑和桌面设备上都可以访问的响应网站和应用。...
jQuery Mobile音乐播放代码 为什么使用 jQuery Mobile? 通过使用jQuery Mobile 可以 "写更少的代码，做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页，且兼容所有移动设备。 lamp 不同设备使用了...
jQuery Mobile 是一个轻量级、触控优化的 JavaScript 框架，专为移动设备上的 Web 应用程序设计。它构建在 jQuery 和 jQuery UI 的基础之上，提供了一套完整的组件和接口，用于创建响应式、触摸友好的移动界面。在 ...
**jQuery Mobile 高级设计模板** jQuery Mobile 是一个流行的前端框架，专为移动设备和触摸交互设计，它简化了在不同设备上创建响应式、触摸友好的网页应用的过程。这个高级设计模板是针对那些希望利用jQuery ...