This is my code
<div class="menu">
<ul>
<li>
<a href="#">Admin</a>
<ul>
<li><a href="user.php">User</a></li>
<li><a href="settings.php">Settings</a></li>
</ul>
</li>
<li><a href="member.php">Members</a></li>
<li>
<a href="#">Events</a>
<ul>
<li><a href="add_event_single.php">Add Single</a></li>
<li><a href="add_event_sequential.php">Add Sequential</a></li>
<li><a href="add_event_ordinal.php">Add Ordinal</a></li>
<li><a href="edit_event.php">Edit Event</a></li>
</ul>
</li>
<li><a href="message.php">Messages</a></li>
<li><a href="announcement.php">Announcements</a></li>
<li><a href="vote.php">Votes</a></li>
<li><a href="#">Reports</a></li>
<li>
<a href="#">User</a>
<ul>
<li><a href="change_pw.php">Change Password</a></li>
<li><a href="theme.php">Set Theme</a></li>
<li><a href="logout.php">Log Out</a></li>
</ul>
</li>
</ul>
</div>
This is the code after jquery mobile gets done with it.
<div class="menu">
<ul>
<li>
<a href="#" class="ui-link">Admin</a>
<ul>
<li><a href="user.php" class="ui-link">User</a></li>
<li><a href="settings.php" class="ui-link">Settings</a></li>
</ul>
</li>
<li><a href="member.php" class="ui-link">Members</a></li>
<li>
<a href="#" class="ui-link">Events</a>
<ul>
<li><a href="add_event_single.php" class="ui-link">Add Single</a></li>
<li><a href="add_event_sequential.php" class="ui-link">Add Sequential</a></li>
<li><a href="add_event_ordinal.php" class="ui-link">Add Ordinal</a></li>
<li><a href="edit_event.php" class="ui-link">Edit Event</a></li>
</ul>
</li>
<li><a href="message.php" class="ui-link">Messages</a></li>
<li><a href="announcement.php" class="ui-link">Announcements</a></li>
<li><a href="vote.php" class="ui-link">Votes</a></li>
<li><a href="#" class="ui-link">Reports</a></li>
<li>
<a href="#" class="ui-link">User</a>
<ul>
<li><a href="change_pw.php" class="ui-link">Change Password</a></li>
<li><a href="theme.php" class="ui-link">Set Theme</a></li>
<li><a href="logout.php" class="ui-link">Log Out</a></li>
</ul>
</li>
</ul>
</div>
As you can see it adds class="ui-link" to every link and i did not ask it to do that. And even if I do a data-role="none" this styling is still applied.
it looks like it rewires everything in the page <body class="ui-mobile-viewport ui-overlay-c hasGoogleVoiceExt">
so you can only use it if you want your entire page to use only JQM