jQuery Forum

Listview style
[2Replies]
- 19-Dec-2012 03:04 PM
- Forum: jQuery Mobile
Can someone tell me what is the CSS that controls the onclick of a listview item?

Listview with phone number
[2Replies]
- 19-Dec-2012 11:12 AM
- Forum: jQuery Mobile
Let me try this again. Below is the code from one of my files that contain names and phone numbers. I have a page with links that point to the different files with names and phone numbers. When you first go to the page, the name and phone number are in one line and they are just regular list items. If you refresh, it now becomes a link to the phone number. There are no anchor tags so I guess Jquery Mobile is seeing the phone number and turning it into a link. Not sure it doesn't do this when you first go to the page.

<!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.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<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 - W</h2>
</div>

<div data-role="content">
  <ul data-role="listview" data-filter="true" data-inset="true">
   <li>WADE , DEBBORRAH  922-6545  </li>
   <li>WADE , LAUREN  488-2468  </li>
   <li>WAGENER , BARBARA  488-8436  </li>
   <li>WAGNER , DOROTHY  414-5500  </li>
   <li>WAHL , RACHEL  488-5640  </li>
   <li>WAITE , SHARON  487-4733  </li>
   <li>WALDEN , ERICK  488-2636  </li>
   <li>WALGAMOTT , NICOLE  487-2110  </li>
   <li>WALKER , ALVIN  488-2636  </li>
   <li>WALKER , AMY  487-4733  </li>
   <li>WALKER , ANGELA    488-7426     </li>
   <li>WALKER , ANTOINE  487-4733  </li>
   <li>WALKER , CATHERINE  414-5610  </li>
   <li>WALKER , DOROTHY  487-1216  </li>
   <li>WALKER , EDNA  922-5343  </li>
   <li>WALKER , JENYNE  488-7322  </li>
   <li>WALKER , JORDAN  487-2110  </li>
   <li>WALKER , KEENAN  488-9374  </li>
   <li>WALKER , LEE  488-5977  </li>
   <li>WALKER , NANCY  488-5785  </li>
   <li>WALKER , PATRICIA  488-3124  </li>
   <li>WALKER , SIA  488-3364  </li>
   <li>WALKER , WALTER  487-7555  </li>
   <li>WALKER II , ALFRED  488-7676  </li>
   <li>WALKER JONES , RHONDA  488-8927  </li>
   <li>WALLACE , BRANDON  487-1216  </li>
   <li>WALLACE , BRYNN  488-3301  </li>
   <li>WALLACE , DARREN  488-8436  </li>
   <li>WALLACE , JAMEEKA  488-2087  </li>
   <li>WALLENFELSZ , LISA  893-4310  </li>
   <li>WALLER , ALEXANDER  488-1756  </li>
   <li>WALLER , AMY  488-2858  </li>
   <li>WALLER , ELLEN  487-7206  </li>
   <li>WALPER , FRANKLIN  488-3364  </li>
   <li>WALSH , MARY  488-1325  </li>
   <li>WALSH , REBEKAH  487-4868  </li>
   <li>WALSH , SILVIA  488-2636  </li>
   <li>WARD , BOBBY  488-2636  </li>
   <li>WARD , FREDRICK  921-1265  </li>
   <li>WARD , MARGARET  488-5977  </li>
   <li>WARD JR , JOHN  487-7530  </li>
   <li>WARDLOW , CHANTEAU  488-2636  </li>
   <li>WARE , LEOLA  488-3124  </li>
   <li>WARFEL , CHRISTOPHER  488-5960  </li>
   <li>WARNER , DEBORAH  487-4733  </li>
   <li>WARREN , BONNI  488-1756  </li>
   <li>WARREN , MIKE  488-1756  </li>
   <li>WASHINGTON , ALBERIA  488-2636  </li>
   <li>WASHINGTON , ALFRED  488-2087  </li>
   <li>WASHINGTON , ALICIA  413-0441  </li>
   <li>WASHINGTON , ANNETTE  487-4868  </li>
   <li>WASHINGTON , CELESTE  488-2636  </li>
   <li>WASHINGTON , DANIEL  488-2636  </li>
   <li>WASHINGTON , KAWANIS  488-7110  </li>
   <li>WASHINGTON , LAQUETTA  488-4673  </li>
   <li>WASHINGTON , LARRY  488-8927  </li>
   <li>WASHINGTON , TRACIE  414-5610  </li>
   <li>WASHINGTON , VICTORIA  488-2819  </li>
   <li>WASON , SARAH  921-1265  </li>
   <li>WATERS , RUSSELL  617-1800  </li>
   <li>WATERS , SHERI  617-1777  </li>
   <li>WATKINS , ALVIN  617-1777  </li>
   <li>WATKINS , BARBARA  922-6545  </li>
   <li>WATKINS , IVY  414-5500  </li>
   <li>WATKINS , JANIKO  487-7103  </li>
   <li>WATKINS , JOHN  617-1777  </li>
   <li>WATKINS , MARY  488-4511  </li>
   <li>WATKINS , ROBIN  414-5500  </li>
   <li>WATKINS III , CORNELIUS  488-6880  </li>
   <li>WATSON , CURTIS  488-7110  </li>
   <li>WATSON , FAYE  487-7530  </li>
   <li>WATSON , HELEN  487-7251  </li>
   <li>WATSON , KAREN  488-1971  </li>
   <li>WATSON , NANCY  488-1756  </li>
   <li>WATSON , TAMMY  487-7100  </li>
   <li>WATSON , TONI  488-5977  </li>
   <li>WATSON-TAYLOR , HERMA  488-1971  </li>
   <li>WATTS , ADRIENNE  488-2636  </li>
   <li>WEATHERSBEE , CARL  488-6880  </li>
   <li>WEATHERSPOON , KATIE  488-6225  </li>
   <li>WEAVER , TRACY  488-1074  </li>
   <li>WEBB , NANCY  487-7525  </li>
   <li>WEBB II , CHARLES  487-7530  </li>
   <li>WEBBER , RACHEL  893-4310  </li>
   <li>WEBSTER , LATASHA  488-5785  </li>
   <li>WEIDNER , VIRGINIA  487-7371  </li>
   <li>WEISMANTEL , MARK  488-6880  </li>
   <li>WEITZEL , LINDA  414-5610  </li>
   <li>WELCH , GEORGE  488-1756  </li>
   <li>WELCH-PITTINGER , BETSY  488-5785  </li>
   <li>WELKE , CHRISTINE  488-0923  </li>
   <li>WELLS , JODIE  414-5610  </li>
   <li>WELLS , MADUYAN  488-7110  </li>
   <li>WELLS , MELVIN  488-2636  </li>
   <li>WELSH , DENISE  488-0167  </li>
   <li>WENDELN , KENDRA  488-3364  </li>
   <li>WENDELN , MICHAEL  488-1971  </li>
   <li>WENGER , JO  488-2275  </li>
   <li>WERT , REBECCA  488-6225  </li>
   <li>WESCOAT , MELISSA  921-1265  </li>
   <li>WESLEY , BILLY  414-5500  </li>
   <li>WESLEY , CAROLYN    488-7426     </li>
   <li>WESSNER , DANIEL  488-1971  </li>
   <li>WEST , JACKIE  488-3364  </li>
   <li>WEST , PERRY  414-5500  </li>
   <li>WEST , PERRY  488-7676  </li>
   <li>WEST , SHARON  921-1265  </li>
   <li>WESTFALL-CROUCH , EMILY  488-3364  </li>
   <li>WESTON , WENDELL    488-7426     </li>
   <li>WETHERINGTON , HENRY  488-3364  </li>
   <li>WETHERINGTON , MEAGHAN  488-5840  </li>
   <li>WHALIN , EDWARD  488-2636  </li>
   <li>WHALIN , ROBERT  488-2636  </li>
   <li>WHARTON , LAURA  487-7043  </li>
   <li>WHEELER , KAY  487-1216  </li>
   <li>WHEELER , MAURA  487-1216  </li>
   <li>WHEELESS , WENDY  487-7555  </li>
   <li>WHETSEL , DOROTHEA  922-6545  </li>
   <li>WHETSTONE , DEBORAH  414-5500  </li>
   <li>WHIDDON , CARMEN  488-3364  </li>
   <li>WHIDDON , SHERRY  922-6545  </li>
   <li>WHITAKER , AMANDA  893-4310  </li>
   <li>WHITAKER , BRENDA  487-7251  </li>
   <li>WHITAKER , BRITNEY  488-2819  </li>
   <li>WHITAKER , CROSBY  488-2858  </li>
   <li>WHITAKER , MARGARET  414-5610  </li>
   <li>WHITE , ALVIN  617-1777  </li>
   <li>WHITE , BLAYNE  488-2468  </li>
   <li>WHITE , CATHERINE  488-3124  </li>
   <li>WHITE , CATHY  488-7322  </li>
   <li>WHITE , FRANKLIN  488-3124  </li>
   <li>WHITE , GARY  487-1216  </li>
   <li>WHITE , JANICE  488-7676  </li>
   <li>WHITE , LINDA  487-1958  </li>
   <li>WHITE , NATALEE  488-6287  </li>
   <li>WHITE , PAMELA    488-7426     </li>
   <li>WHITEFORD , REGAN  487-2110  </li>
   <li>WHITEHEAD , CARROLL  893-4310  </li>
   <li>WHITEHEAD , ELIZABETH  488-1325  </li>
   <li>WHITEHEAD , GALE  487-1216  </li>
   <li>WHITEHEAD , MELISSA  488-2636  </li>
   <li>WHITE-MCKAY , BETTY  488-6133  </li>
   <li>WHITE-REILLY , TAMEKA  488-2819  </li>
   <li>WHITFIELD , DANIEL  414-5500  </li>
   <li>WHITFIELD , RHODA  488-8436  </li>
   <li>WHITLEY , SHARON  488-4511  </li>
   <li>WHITMORE , REGINA  488-4511  </li>
   <li>WHITTLE , ALFRED  487-2110  </li>
   <li>WICKS , MORGAN  488-8927  </li>
   <li>WIDEMAN , LAKAYSHA  488-3124  </li>
   <li>WIDNER , JAN  488-5977  </li>
   <li>WIEGAND , LYNETTE  487-4733  </li>
   <li>WIGGINS , CHRISTINE  487-4733  </li>
   <li>WIGGINS , DEBRA  893-4310  </li>
   <li>WIGGINS , EVANGELINE  488-4673  </li>
   <li>WIGGINS , JEANA  488-3301  </li>
   <li>WILBURN , MORRIS  488-7110  </li>
   <li>WILDE , JUDITH  487-4733  </li>
   <li>WILDER , DAWN  488-6880  </li>
   <li>WILDER , MARGIE  617-1800  </li>
   <li>WILDER III , VERNON  488-7676  </li>
   <li>WILEY , ANGELA  488-2819  </li>
   <li>WILEY , DANA  488-5960  </li>
   <li>WILEY-JACKSON , LEVIA  413-0441  </li>
   <li>WILFORD , KATHRYN  487-2110  </li>
   <li>WILKERSON , RODERICK  488-2468  </li>
   <li>WILKERSON , WILLETTE  488-6225  </li>
   <li>WILKES , JANE  922-6011  </li>
   <li>WILKINS , CHARLES  488-2636  </li>
   <li>WILKINSON , GARETH  488-1756  </li>
   <li>WILKINSON , HEATHER  488-2087  </li>
   <li>WILLETT , SEAN  488-2087  </li>
   <li>WILLIAMS , ALICE  488-6133  </li>
   <li>WILLIAMS , ALICIA  488-7676  </li>
   <li>WILLIAMS , ANGELA  488-0167  </li>
   <li>WILLIAMS , ANGELA  488-1325  </li>
   <li>WILLIAMS , ANTHONY  488-7676  </li>
   <li>WILLIAMS , ARNETTA  488-7676  </li>
   <li>WILLIAMS , ARRIONE  488-7676  </li>
   <li>WILLIAMS , ARRHEA  488-7110  </li>
   <li>WILLIAMS , AVA  488-7322  </li>
   <li>WILLIAMS , BARBARA  487-1216  </li>
   <li>WILLIAMS , BRANDI  488-2636  </li>
   <li>WILLIAMS , BRENDA  921-1265  </li>
   <li>WILLIAMS , BRIAN  488-1325  </li>
   <li>WILLIAMS , BROOKE  488-9374  </li>
   <li>WILLIAMS , CARLTON  488-5960  </li>
   <li>WILLIAMS , CATHERINE  488-9374  </li>
   <li>WILLIAMS , CATHERINE  487-7555  </li>
   <li>WILLIAMS , CHARLES  488-7110  </li>
   <li>WILLIAMS , CHELSEA  414-5610  </li>
   <li>WILLIAMS , CYNTHIA  488-2636  </li>
   <li>WILLIAMS , DOROTHY  488-5785  </li>
   <li>WILLIAMS , EDDIE  922-0657  </li>
   <li>WILLIAMS , ELIE  488-6287  </li>
   <li>WILLIAMS , ELIZABETH  487-2630  </li>
   <li>WILLIAMS , ELZA  488-2636  </li>
   <li>WILLIAMS , FELISHA  488-5640  </li>
   <li>WILLIAMS , FREDERICK  488-2636  </li>
   <li>WILLIAMS , GERALDINE  488-4673  </li>
   <li>WILLIAMS , GLORIA  488-4673  </li>
   <li>WILLIAMS , HARRIETT  487-2110  </li>
   <li>WILLIAMS , IVERSON  488-2087  </li>
   <li>WILLIAMS , JENNIFER  488-7676  </li>
   <li>WILLIAMS , JENNIFER  488-3301  </li>
   <li>WILLIAMS , JENNIE  488-7676  </li>
   <li>WILLIAMS , JENNIFER  488-6287  </li>
   <li>WILLIAMS , JOAN  488-5960  </li>
   <li>WILLIAMS , JOE  617-1777  </li>
   <li>WILLIAMS , JOE  414-5500  </li>
   <li>WILLIAMS , JOHNEATTA  488-3124  </li>
   <li>WILLIAMS , JONATHAN  488-1074  </li>
   <li>WILLIAMS , JONATHAN  487-1216  </li>
   <li>WILLIAMS , JULIUS  488-9374  </li>
   <li>WILLIAMS , KATIE    488-7426     </li>
   <li>WILLIAMS , KEKA  488-9374  </li>
   <li>WILLIAMS , KENNETH  488-0167  </li>
   <li>WILLIAMS , KENYETTA  488-2275  </li>
   <li>WILLIAMS , KIMBERLY  488-2636  </li>
   <li>WILLIAMS , LASHERI  488-7110  </li>
   <li>WILLIAMS , LINDA  488-2819  </li>
   <li>WILLIAMS , LINDA  488-2636  </li>
   <li>WILLIAMS , LINDA  488-2636  </li>
   <li>WILLIAMS , MAEBELLE  488-2636  </li>
   <li>WILLIAMS , MARY BETH  487-4868  </li>
   <li>WILLIAMS , MARLA  487-1216  </li>
   <li>WILLIAMS , MARK  487-2110  </li>
   <li>WILLIAMS , MARY  487-4868  </li>
   <li>WILLIAMS , MARGARET  414-5610  </li>
   <li>WILLIAMS , MARCUS  488-3364  </li>
   <li>WILLIAMS , MATTHEW  488-1971  </li>
   <li>WILLIAMS , MELAINE  488-0923  </li>
   <li>WILLIAMS , MICHAEL  488-5785  </li>
   <li>WILLIAMS , MICHELLE  488-4511  </li>
   <li>WILLIAMS , MILDRED  487-7525  </li>
   <li>WILLIAMS , MORGAN  617-1777  </li>
   <li>WILLIAMS , PATRICIA  922-6545  </li>
   <li>WILLIAMS , RANDALL  488-2636  </li>
   <li>WILLIAMS , RODERICK  488-7676  </li>
   <li>WILLIAMS , RYAN  617-1777  </li>
   <li>WILLIAMS , SHARON  487-2110  </li>
   <li>WILLIAMS , SHARON    488-7426     </li>
   <li>WILLIAMS , SHALONDA  414-5610  </li>
   <li>WILLIAMS , SHANELL  488-1074  </li>
   <li>WILLIAMS , SHERINA  488-2636  </li>
   <li>WILLIAMS , SONJA  488-5840  </li>
   <li>WILLIAMS , STEPHANIE  488-5840  </li>
   <li>WILLIAMS , SUSAN  487-7555  </li>
   <li>WILLIAMS , SYLVIA    488-7426     </li>
   <li>WILLIAMS , TARA  488-6225  </li>
   <li>WILLIAMS , TERRANCE  922-6545  </li>
   <li>WILLIAMS , TIMOTHY  488-5960  </li>
   <li>WILLIAMS , TOM  488-2636  </li>
   <li>WILLIAMS , TONY  617-1777  </li>
   <li>WILLIAMS , VICTORIA  488-7322  </li>
   <li>WILLIAMS , WILMA  488-2636  </li>
   <li>WILLIAMS , YOLANDA  488-1325  </li>
   <li>WILLIAMS III , CLARENCE  487-7306  </li>
   <li>WILLIAMS JR , JEFF  488-4511  </li>
   <li>WILLIAMS JR , WILSON  488-4673  </li>
   <li>WILLIAMSON , CRYSTAL  414-5500  </li>
   <li>WILLIAMSON , NATHAN  922-6545  </li>
   <li>WILLIAMSON , NIKKII  488-7676  </li>
   <li>WILLIAMSON , RICHARD  488-7322  </li>
   <li>WILLIS , DEBRA  488-1325  </li>
   <li>WILLIS , ERNEST  488-5785  </li>
   <li>WILLIS , HELEN  488-5640  </li>
   <li>WILLIS , TAMIKA  488-5840  </li>
   <li>WILLIS , ZYEEDAH  488-2819  </li>
   <li>WILLIS-WATKINS , LANANDRA  488-5840  </li>
   <li>WILLMAN , LOIS  488-5785  </li>
   <li>WILLS , BARBARA  487-7177  </li>
   <li>WILMER , JESSICA  488-3301  </li>
   <li>WILSON , BOBBIE  487-2110  </li>
   <li>WILSON , CALVIN  487-7555  </li>
   <li>WILSON , DANA  488-9374  </li>
   <li>WILSON , DEBORAH  488-1074  </li>
   <li>WILSON , DOROTHY    488-7426     </li>
   <li>WILSON , EBONEE  488-5640  </li>
   <li>WILSON , FELICIA  488-0923  </li>
   <li>WILSON , IRIS  488-7110  </li>
   <li>WILSON , JAMARIS  488-1074  </li>
   <li>WILSON , JEREMIAH  488-1325  </li>
   <li>WILSON , LANARDA  488-8436  </li>
   <li>WILSON , LORENZO  488-7322  </li>
   <li>WILSON , MELANIE  488-5640  </li>
   <li>WILSON , MELISSA  488-5785  </li>
   <li>WILSON , MELINDA  487-7043  </li>
   <li>WILSON , PATRICIA  414-5610  </li>
   <li>WILSON , REGINALD  488-2636  </li>
   <li>WILSON , SUE  487-7555  </li>
   <li>WILSON , WILLIE  488-1756  </li>
   <li>WILSON , WILLIAM  487-2110  </li>
   <li>WILSON , ZIEMETHIA  488-5840  </li>
   <li>WIMBERLEY , CHERYL  488-1325  </li>
   <li>WIMBERLEY , DAVID  487-7142  </li>
   <li>WIMBERLEY , KARRISSA  488-7110  </li>
   <li>WIMBERLY , JENNIFER  488-7322  </li>
   <li>WIMBERLY , JOAN  488-7110  </li>
   <li>WINEBRENNER , KATHLEEN  487-7530  </li>
   <li>WINGATE , DEIDRE  487-7371  </li>
   <li>WINGER , CAROL  487-4733  </li>
   <li>WINSETT , BRIAN  922-6011  </li>
   <li>WINSETT , SHERRI  488-1756  </li>
   <li>WINSTON , ROSALYNN  488-6225  </li>
   <li>WINTERS , LEE  488-9374  </li>
   <li>WISE , ALANA  488-1971  </li>
   <li>WISE , BOBBIE  487-4868  </li>
   <li>WISE , BRIAN  488-3124  </li>
   <li>WITTERS , VALERIE  488-1756  </li>
   <li>WITTERS JR , ARTHUR  922-6011  </li>
   <li>WOHLGEMUTH , MICHAEL  488-2468  </li>
   <li>WOHLRAB , LINDSEY  488-0923  </li>
   <li>WOLAK , DARLA  488-6287  </li>
   <li>WOMACK , CARMEN  488-5640  </li>
   <li>WOMBLE , AMANDA  488-2087  </li>
   <li>WONG , JUDITH  893-4310  </li>
   <li>WONSCH , DAVID  488-1756  </li>
   <li>WONSCH , JANICE  487-7131  </li>
   <li>WOOD , MARGARET  488-1971  </li>
   <li>WOOD , ROBIN  922-6011  </li>
   <li>WOODALL , NEAL  617-1777  </li>
   <li>WOODARD , JESSICA  414-5610  </li>
   <li>WOODRUFF , DONNA  488-7110  </li>
   <li>WOODSON , BETTYE  488-1074  </li>
   <li>WOODSON , NATHANIEL  921-1265  </li>
   <li>WOODSUM , BEN  488-2858  </li>
   <li>WOOTEN , DANITA  488-7676  </li>
   <li>WOOTEN , SCOTTY  488-6880  </li>
   <li>WORRELL , DAVID  488-2087  </li>
   <li>WORRELL , MARIE  921-1265  </li>
   <li>WORTMAN , LAUREN  893-4310  </li>
   <li>WOULARD , LISA  488-1074  </li>
   <li>WRAY , MARIA  488-6880  </li>
   <li>WRIGHT , CASEY  488-3301  </li>
   <li>WRIGHT , DENNARD  488-8927  </li>
   <li>WRIGHT , DEVIN  488-5960  </li>
   <li>WRIGHT , HARRY  488-6880  </li>
   <li>WRIGHT , JARENDA  488-2636  </li>
   <li>WRIGHT , KAFELE  414-5500  </li>
   <li>WRIGHT , KENNETH  488-8927  </li>
   <li>WRIGHT , LILLIE  488-5640  </li>
   <li>WRIGHT , PATRICK  414-5500  </li>
   <li>WRIGHT , PHYLLIS  488-5960  </li>
   <li>WRIGHT , SHAYLA  488-3124  </li>
   <li>WRIGHT , SHERMAN  488-2636  </li>
   <li>WRIGHT , SYLVESTER  488-3301  </li>
   <li>WUKOVITS , LAUREN  488-2275  </li>
   <li>WURM , ASHLEY  414-5610  </li>
   <li>WUTHRICH , SHAUN  488-9374  </li>
   <li>WYATT , BEN  617-1777  </li>
   <li>WYATT , ELIZABETH  488-8927  </li>
   <li>WYATT , ROSEMARY  893-4310  </li>
   <li>WYCHE , MILLETTE  488-0167  </li>
   <li>WYMAN , ELIZABETH  488-1325  </li>
   <li>WYRICK , JOHN  617-1777  </li>
  </ul>
</div>
</div>

</body>

</html>

Listview not always working
[4Replies]
- 18-Dec-2012 04:44 PM
- Forum: jQuery Mobile
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> 
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
<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="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>

Page Header Wraps
[2Replies]
- 09-Nov-2012 03:44 PM
- Forum: jQuery Mobile
The <H1> and the <H3> in the header area of the first page gets wrapped so that School and Trojans are put on another line. It looks like:

Lincoln High

School

Home of the

Trojans

How can I make it

Lincoln High School

Home of the Trojans

<!DOCTYPE html>
<html>
<head>
<title>Developing with jQuery Mobile</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/themes/lincoln.css">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>

<div data-role="page" id="home">
  <div data-role="header" style="width:100%">
   <h1 style="white-space:normal">Lincoln High School</h1>
   <h3 style="white-space:normal">Home of the Trojans</h3>
  </div>
  <div data-role="content">
   <ul data-role="listview" data-inset="true" data-theme="a" >
    <li>
    <a href="#test" data-transition="flip">Administration</a>
    </li>
    <li>
     <a href="#">Some Text 2</a>
    </li>

    <li>
     <a href="#">Some Text 3</a>
    </li>
    <li data-role="list-divider">some text</li>
    <li>Cars
     <ul>
      <li>
       <a href="#">Ford</a>
      </li>
      <li>
       <a href="#">Nissan</a>
      </li>

      <li>
       <a href="#">some text</a>
      </li>

     </ul>
    </li>

   </ul>
  </div>
  <div data-role="footer">
   <h3>© Lincoln High School</h3>
  </div>
</div>


<div data-role="page" id="test">
  <div data-role="header">
   <h1 style="white-space:normal">Leon County Schools</h1>
  </div>
  <div data-role="content">
   this is the test page
  </div>
</div>
</body>
</html>

Header content getting cut off
[1Reply]
- 08-Nov-2012 10:40 AM
- Forum: jQuery Mobile
My header on my iphone shows up as "My First Mobile...". Why won't the whole header show up?

<!DOCTYPE html>
<html>
<head>
<title>Developing with jQuery Mobile</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.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script></head>
<body>
<div data-role="page">
  <div data-role="header">
   <h3>My First Mobile Site</h3>
  </div>
  <div data-role="content">
   <p>Welcome to my first mobile site.</p>
   <p>Try me on all of your mobile devices! You can use any
   <strong>valid HTML</strong> on this page</p>
   <p style="text-align:center;">Powered by jQuery Mobile</p>
  </div>
  <div data-role="footer">
   <h3>My First Mobile Site Footer</h3>
  </div>

</div>
</body>
</html>

Response title

Attachments

jQuery Forum

Activity Trend