如何为用javascript加载的内容添加书签

Question

I have one div on the page that is supposed to hold content and a number of links that I used to load which content.

<div id="thecontent">
</div>

<div id="callers">
 <div class="caller">1234</div>
 <div class="caller">15</div>
 <div class="caller">9</div>
 <div class="caller">324</div>
</div

I use jquery to monitor when one of the .caller is clicked, and I then get the record from the database and display it in #thecontent.

How can I also change the url so that it reflects the record being viewed. I mean a url that looks something like this. Is there something I need to do in the html markup or in the jquery to make this happen?

http://site.com/#1234

Answer 1

in the caller selector:

location.href = '#'+$(this).html();