-1

我想设计一个类似于以下页面的页面。 在此处输入图像描述

这是我的 html 标记。

<div data-role="content">  
    <div data-role="listview" data-inset="true" data-filter="true">
<ul>
    <li><a href="www.google.com">Google</a> </li>
    <li><a href="www.yahoo.com">Yahoo </a> </li>
     <li><a href="www.codeplex.com">MSDN </a> </li>
</ul>
  </div>
  </div>

我得到以下输出。

在此处输入图像描述

我的html标记有什么问题。我已经提到了必要的 javascript 库和 CSS 文件。

标头包含以下引用。

<head> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>
4

1 回答 1

0

嗨,您应该申请data-role="listview" data-inset="true" data-filter="true"<ul>不是<div> 尝试更改

<div data-role="listview" data-inset="true" data-filter="true">

<ul data-role="listview" data-inset="true" data-filter="true">
于 2013-06-30T14:15:46.073 回答