Navegación móvil dinámica de JQuery
Estoy teniendo un problema con jQuery y cómo procesar dinámicamente las URL. Lo que me gustaría hacer es esto si tengo una página con enlaces y cada uno tiene una identificación para llamar a una función y una identificación. ¿Cómo puedo cambiar la url para el enlace específico y hacer que esa url funcione como un marcador? Abajo esta mi codigo
<div data-role="page" id="#listview">
<div data-role="header">
<h1>List</h1>
</div>
<div data-role="content">
<ul data-role="listview" id="carlist">
<li><a href="#" onclick="cardetails('1')">Acura</a></li>
<li><a href="#" onclick="cardetails('2')>Audi</a></li>
<li><a href="#" onclick="cardetails('3')>BMW</a></li>
</ul>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
Entonces, al hacer clic en un automóvil en la lista, una función llamada detalles de tarjeta con un parámetro de 1 volverá al servidor y obtendrá detalles de tarjeta para el vehículo con id = 1. Mi problema no es eso, pero cuando los datos de JSON han regresado, quiero que la url cambie a los detalles de la tarjeta # 1 o algo así. Por lo tanto, puede identificar dónde está el usuario, el navegador puede agregarlo a su historial y, si el usuario marca la URL, el navegador podrá encontrar la página exacta con los mismos datos que se muestran.