How to use jQuery tabs to link to a URL rather than load a tab using Html.ActionLink?

Question

<ul>
    <li><a href="#tabs-1">Tab1</a></li>
    <li>@Html.ActionLink("Test", "Test")</li>   
</ul>

Answer 1

From the docs you can learn how to use the select callback for that.

$('#example').tabs({
    select: function(event, ui) {
        var url = $.data(ui.tab, 'load.tabs');
        if( url ) {
            location.href = url;
            return false;
        }
        return true;
    }
});