jQuery Links

cheechm · 06-08-2009, 10:17 PM

my javascript:

Code:

	<script type="text/javascript" charset="utf-8">
function getHash() {
        var menu_item = window.location.hash;
        return menu_item.substring(1);
}
$(document).ready(function() {
        var menu_item = getHash();
        if (menu_item == null) {
                var menu_item = 'content1';
        }
        var tabContainers = $('div#tabbed-menu > div');
        tabContainers.hide().filter('#' + menu_item).show();
        $('div#tabbed-menu ul#tabs a').removeClass('active');
        $('a#m_item_' + menu_item).addClass('active');

        $('div#tabbed-menu ul#tabs a').click(function() {
                tabContainers.hide();
                $('div#tabbed-menu ul#tabs a').removeClass('active');
                $(this).hide();
                $(this).addClass('active');
                $(this).fadeIn(150);
                tabContainers.filter(this.hash).fadeIn(150);

                return false;
        }).filter('#' + menu_item).click();

});
	</script>

HTML

Code:

        <ul id="tabs">
          <li><a href="#content1" id="m_item_content1" title="Home" class=
          "menu"><span>Home</span></a></li>

          <li><a href="#content2" id="m_item_content2" title="Portfolio" class=
          "menu"><span>Portfolio</span></a></li>

          <li><a href="#content3" id="m_item_content3" title="Services" class=
          "menu"><span>Services</span></a></li>
        </ul>

When I click the link, I want the #content1/#content2/#content3 to be appended to the URL, however jQuery stops this from happening. What can I do?

Thanks

A1ien51 · 06-09-2009, 03:50 PM

You can make it do it yourself:

Code:

$('div#tabbed-menu ul#tabs a').click(function() {
    window.location.hash = this.href;
    ...

Eric