Response title
This is preview!
Listview not always working
in jQuery Mobile
•
5 months ago
I have a simple app that displays gaphic circles with the letters of alphabet. Each graphic is a link to .asp file that contains jquery mobile code. Below is an example of a small one. Sometimes the listview items will display the information in a single row and other times name is on top and phone number is below. When it is a single row, you can not touch the link and make it do anything. If single row appears, most of the time if you hit the refresh button it works. I am using an iphone 3gs to test with.
<!DOCTYPE html>
<html>
<head>
<title>Phone List</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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.3.min.js"></script> <!-- Regular JQuery -->
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <!-- JQuery Mobile -->
<link rel="stylesheet" href="css/style.css" >
</head>
<html>
<head>
<title>Phone List</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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.3.min.js"></script> <!-- Regular JQuery -->
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <!-- JQuery Mobile -->
<link rel="stylesheet" href="css/style.css" >
</head>
<body>
<div data-role="page" >
<div data-role="header">
<a href="phone.asp" rel="external" data-icon="arrow-l">Back</a>
<h2>Phone List - Y</h2>
</div>
<div data-role="page" >
<div data-role="header">
<a href="phone.asp" rel="external" data-icon="arrow-l">Back</a>
<h2>Phone List - Y</h2>
</div>
<div data-role="content">
<ul data-role="listview" data-filter="true" data-inset="true">
<li>YALE , ELIZABETH 488-5785 </li>
<li>YANES , SERGIO 488-1756 </li>
<li>YATES , ANGELA 488-7426 </li>
<li>YATES , MATTHEW 488-1756 </li>
<li>YATES , TIECOLA 488-2636 </li>
<li>YENNERELL , SARAH 488-2087 </li>
<li>YI , SO YOUNG 488-7426 </li>
<li>YONTZ , CHARLES 414-5500 </li>
<li>YORI , CHRISTIN 488-6225 </li>
<li>YORK , ANITA 488-6880 </li>
<li>YORK , LAURA 488-6133 </li>
<li>YOUNG , AMANTHA 488-7426 </li>
<li>YOUNG , ANNA 488-5785 </li>
<li>YOUNG , ELRICH 488-2636 </li>
<li>YOUNG , GLENN 488-2636 </li>
<li>YOUNG , KAREN 488-6133 </li>
<li>YOUNG , KRISTA LYNN 488-2819 </li>
<li>YOUNG , KRISTINA 488-5960 </li>
<li>YOUNG , MICHAEL 488-3124 </li>
<li>YOUNG , NIKKI 893-4310 </li>
<li>YOUNG , ROBERT 617-1777 </li>
<li>YOUNG , TAMARA 488-3364 </li>
<li>YOUNG , TINA 414-5500 </li>
<li>YOUNG JR , GEORGE 488-9374 </li>
<li>YOUNGBLOOD , KRISTEN 414-5500 </li>
<li>YOUNGBLOOD , PEGGY 487-7106 </li>
<li>YOUNGBLOOD , RONNIE 922-6010 </li>
</ul>
</div>
</div>
</body>
</html>
<ul data-role="listview" data-filter="true" data-inset="true">
<li>YALE , ELIZABETH 488-5785 </li>
<li>YANES , SERGIO 488-1756 </li>
<li>YATES , ANGELA 488-7426 </li>
<li>YATES , MATTHEW 488-1756 </li>
<li>YATES , TIECOLA 488-2636 </li>
<li>YENNERELL , SARAH 488-2087 </li>
<li>YI , SO YOUNG 488-7426 </li>
<li>YONTZ , CHARLES 414-5500 </li>
<li>YORI , CHRISTIN 488-6225 </li>
<li>YORK , ANITA 488-6880 </li>
<li>YORK , LAURA 488-6133 </li>
<li>YOUNG , AMANTHA 488-7426 </li>
<li>YOUNG , ANNA 488-5785 </li>
<li>YOUNG , ELRICH 488-2636 </li>
<li>YOUNG , GLENN 488-2636 </li>
<li>YOUNG , KAREN 488-6133 </li>
<li>YOUNG , KRISTA LYNN 488-2819 </li>
<li>YOUNG , KRISTINA 488-5960 </li>
<li>YOUNG , MICHAEL 488-3124 </li>
<li>YOUNG , NIKKI 893-4310 </li>
<li>YOUNG , ROBERT 617-1777 </li>
<li>YOUNG , TAMARA 488-3364 </li>
<li>YOUNG , TINA 414-5500 </li>
<li>YOUNG JR , GEORGE 488-9374 </li>
<li>YOUNGBLOOD , KRISTEN 414-5500 </li>
<li>YOUNGBLOOD , PEGGY 487-7106 </li>
<li>YOUNGBLOOD , RONNIE 922-6010 </li>
</ul>
</div>
</div>
</body>
</html>
1
