I have assumed that if I have the basic setup of…
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile.js"></script>
</head>
then, later in the code if I include, say, a header with a button that uses a ‘plus’ data-icon…
<div data-role="header" data-position="inline">
<h1>Shopping List</h1>
<a href="index.html" data-icon="plus" data-role="button">additem</a>
</div>
then the buttons would show up with the ‘plus’ data-icon. The buttons show up, but without the data-icon. What am I missing in my setup?
The link should have
data-role="button"shouldn’t it?