3

我似乎无法删除每个列表项之间的小空间。该列表比我在这里发布的要长得多，但我认为这与问题无关。

我试图通过多次重新格式化列表来纠正它，但无济于事。我也参考了 jquery 移动网站，但仍然找不到答案。

我的代码：

<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1," />
<!-- Website Title -->
<title>Test
</title>

<!-- Jquery Mobile Theme / Jquery Scripts -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

</head> 

<!-- Color of Background -->
<body style="background:#6e6e6e">

<!-- Start of Name page -->
<div data-role="page" id="name">

<div data-role="header" data-theme="b">
    <h1>Test</h1>
</div><!-- /header -->

<div data-role="content">   
<p>
  <ul data-role="listview" data-filter="true" data-filter-placeholder="Test..." data-inset="true" data-autodividers="true">
    <li><a href="#link2">Hello</a></li>
    <li><a href="#link3">There</a></li>
    <li><a href="#link4">World</a></li>
    <li><a href="#link5">World2</a></li>
</p>
</div><!-- /content -->

<div data-role="footer" data-position="fixed" data-theme="b">
    <h4>© 2013 ChurchySearch</h4>
</div><!-- /footer -->
</div><!-- /Name page -->

它一直看起来像这样： http: //www.jesseandamanda.com/screenshot.png

建议？

4

1 回答 1

10

当您从 JQuery Mobile 演示页面复制代码时，就会发生这种情况。我猜你的清单也有同样的问题。尝试删除每个之前的不可见字符<li>以修复它。看看几行<li>test</li><li>test</li>看起来OK。

于 2015-01-22T20:09:21.547 回答