jquery-mobile学习笔记-把过滤框中提示语提示换成中文

原创于 2013-06-08 10:40:53 发布 · 1.3k 阅读

CC 4.0 BY-SA版权

本文展示了一个简单的订餐页面设计示例，使用了jQuery Mobile框架实现响应式布局，并集成了基本的搜索功能。

部署运行你感兴趣的模型镜像

<!DOCTYPE html> 
<html> 
　<head> 
　 <title>今日订餐</title> 
　 <meta name="viewport" content="width=device-width, initial-scale=1"> 
　 <link rel="stylesheet" href="jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.css" />
　 <script src="jquery.mobile-1.1.1/jquery-1.8.1.min.js"></script>
　 <script src="jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.js"></script>
</head> 
<body> 
<div data-role="page" id="main">
<div data-role="header"><h2>今日订餐</h2></div>
	<div data-role="content">
	<ul data-role="listview" data-inset="true" data-filter="true"> 
	  <li>好味佳</li>
           <li>蒸饭仔</li>
        </ul>
  <div data-role="footer"><h1>xx公司 版权所有</h1></div>
 </div><!-- /page -->
</body>
<SCRIPT LANGUAGE="JavaScript">
<!--
	$.mobile.listview.prototype.options.filterPlaceholder = "想查找，请点击...";//这样设置就可以了
//-->
</SCRIPT>
</html>

您可能感兴趣的与本文相关的镜像