Динамическая мобильная навигация JQuery

У меня проблема с jQuery и как динамически обрабатывать URL. То, что я хотел бы сделать, это, если у меня есть страница со ссылками, и у каждого есть идентификатор для вызова функции и идентификатор. Как я могу изменить URL для конкретной ссылки и заставить этот URL работать в качестве закладки. Ниже мой код

<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>

Поэтому при нажатии на автомобиль в списке функция cardetails с параметром 1 вернется на сервер и получит cardetails для автомобиля с id = 1. Моя проблема не в том, что когда возвращаются данные JSON, я хочу, чтобы URL изменился на cardetails # 1 или что-то в этом роде. Таким образом, он может определить, где находится пользователь, браузер может добавить его в свою историю, и, если пользователь добавит в закладки URL-адрес, браузер сможет найти эту точную страницу с теми же отображаемыми данными.

Ответы на вопрос(1)

Ваш ответ на вопрос