Hi,
I'm new to jquery. I just found out about jquery mobile and thought it would be a great way to update an existing project. When I create a button with an icon the icon doesn't show up rather its just a grey circle.
Here is what I have done:
I got the jquery.mobile-1.3.2.js and jquery.mobile-1.3.2.css from their download site.
The header in my html file looks like
- <link rel="stylesheet" type="text/css" href="css/mystyle.css"/> <link rel="stylesheet" href="css/custom-theme/jquery-ui-1.10.3.custom.css"/>
<script src="js/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery/jquery-ui-1.10.3.custom.js"></script>
<script src="js/jquery/jquery.mobile-1.3.2.js"></script>
<link rel="stylesheet" href="css/custom-theme/jquery.mobile-1.3.2.css"/>
and my buttons, or links, look like
- <button id="delProjectBtn" class="ui-button ui-widget ui-state-default
ui-corner-all" role="button" aria-disabled="false" data-icon="delete"
title="Delete Project">Delete Project
</button>
<a href="index.html" id = "testButton" data-role="button" data-icon="delete">Delete</a>
Like I mentioned, this is an existing project that I want to upgrade with mobile. the first button is how the buttons were previously created and the second one is meant as a mobile version.
both the buttons comes out looking like so:

It seems that maybe I'm missing the part that includes the icons?
Any direction or help is appreciated