-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