Tabs are loading the whole page

Test example: https://musik.gratis/imprint?test

As i know, this is because i use a "base" tag in the head.

Any workarround? Tabs are one of the reasons i got this theme.

And this does not solve the problem:

    $(".tabs ul li").on( 'click', 'a', function(e){
        e.preventDefault();
        return false;
    });

Okay...solved it:

<ul class="tab-nav clearfix">
	<li><a href="{{$self_url}}#tabs-1"><i class="icon-home2 norightmargin"></i></a></li>
	<li><a href="{{$self_url}}#tabs-2">Nunc tincidunt</a></li>
	<li><a href="{{$self_url}}#tabs-3">Proin dolor</a></li>
	<li class="hidden-xs"><a href="{{$self_url}}#tabs-4">Aenean lacinia</a></li>
</ul>

https://www.tjvantoll.com/2013/02/17/using-jquery-ui-tabs-with-the-base-tag/

https://www.tjvantoll.com/2013/02/17/using-jquery-ui-tabs-with-the-base-tag/

                <ul class="tab-nav clearfix">
                    <li><a href="{{$self_url}}#tabs-1"><i class="icon-home2 norightmargin"></i></a></li>
                    <li><a href="{{$self_url}}#tabs-2">Nunc tincidunt</a></li>
                    <li><a href="{{$self_url}}#tabs-3">Proin dolor</a></li>
                    <li class="hidden-xs"><a href="{{$self_url}}#tabs-4">Aenean lacinia</a></li>
                </ul>