Right arrow not displayed

Question

<div data-role="content"> <ul data-role="listview" data-theme="a" data-dividertheme="b"> <li data-role="list-divider" >Transition Effects</li> <li><a href="#second">Slide</a></li> <li><a href="TestPage1.htm"![enter image description here][1] data-transition="slideup">Slide Up</a></li> <li><a href="TestPage1.htm" data-transition="slidedown">Slide Down</a></li> <li data-role="list-divider">Other Effects</li> <li><a href="TestPage.html" data-transition="pop">Pop</a></li> <li><a href="TestPage.html" data-transition="flip">Flip</a></li> <li><a href="TestPage.html" data-transition="fade">Fade</a></li> </ul> </div> 

The right arrow is not displayed. I am using jQuery Mobile 1.0a4.1

 <link rel="stylesheet" href="jquery.mobile-1.0a4.1.css" /> <script type="text/javascript" src="jquery-1.5.2.js"></script> <script type="text/javascript" src="jquery.mobile-1.0a4.1.js"></script> 

What could be the reason? I copied jquery css and js in my local folder

Answer 1

You also need to upload images and put them in the images folder

They can be found in the zip file at http://jquerymobile.com/download/

link where it says

• Mail file: jquery-mobile-1.0a4.1.zip (JavaScript, CSS, and images )

Answer 2

You are missing an image folder. Css refers to the image folder for the icons. (icons-36-white.png in your case.)