jQuery mobile 学习08 内容区域的列表显示 data-role="listview"

最新推荐文章于 2021-06-05 03:46:45 发布

南京煜之隆

最新推荐文章于 2021-06-05 03:46:45 发布

阅读量2.4k

点赞数

分类专栏： jQuery Mobile 文章标签： jquery mobile listview

本文链接：https://blog.csdn.net/responsecool/article/details/43956399

版权

这篇博客介绍了如何使用jQuery Mobile创建内嵌的listview，通过添加`data-inset="true"`属性来实现列表与页面内容的边距调整，提升视觉效果。同时展示了带有链接的listview，使列表项具备鼠标悬浮效果和点击交互功能。

摘要由CSDN通过智能技术生成

<%@ 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" data-position="fixed">
			<h1>页面标题区域</h1&