Preventing scroll when using URI hash to identify tab

Question

I\'m using JQuery UI to make tabs in my application. I needed the tabs to be linkable (direct link that opens the page and selects the correct tab). This is done by using a

Answer 1

There are many answers on this page, and in my mind, most are overcomplicating a simple issue.

Basically, the solution from david-thomas is the simplest and most effective. Essentially, all you want to be doing is preventing the default link behaviour on a tab link ( tag).

The same answer applies to the bootstrap tabs, where you have to specify the click handler

   $('.nav-tabs a').click(function(e){
        e.preventDefault();
        $(this).tab('show');
    });