3

各リスト項目の間の小さなスペースを削除できないようです。リストは私がここに投稿しているものよりはるかに長いですが、それは問題とは何の関係もないと思います。

私はリストを数回再フォーマットすることによってそれを修正しようとしましたが、役に立ちませんでした。jquery mobileのWebサイトも参照しましたが、まだ答えが見つかりません。

私のコード：

<!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

これは、JQueryMobileのデモページからコードをコピーしたときに発生します。私はあなたがあなたのリストで同じ問題を抱えていると思います。それぞれの前に非表示の文字を削除し<li>て修正してください。数行で問題ないかどうかを確認し<li>test</li><li>test</li>ます。

于 2015-01-22T20:09:21.547 に答える