JavaScriptタブのHTMLブックマークアンカーを作成する方法

Question

私は今日解決策を見つけることができなかった一見単純な問題があります。 w3schoolsで使用するためのタブなどのJavaScriptタブの下に要素を自動的に開くブックマーク（example.com/somepage #mybookmark）を作成するにはどうすればよいですか。

私は例えば、タブを形成<li>要素にいくつかのid sを適用しようとしました：

<li id="mybookmark"><a href="#" class="tablinks" onclick="openCity(event, 'London')">London</a></li> 

、さらにはアンカー名を、例えば：

<li><a name="mybookmark" href="#" class="tablinks" onclick="openCity(event, 'London')">London</a></li> 

が、私が得た最高の結果これまでのところ、example.com/somepage#mybookmarkを試してみると、タブにハイライト表示されていましたが、実際に欲しい内容です。

答えはJavaScriptのコードにあると思いますが、誰かがどのように見えるかを提案できますか？

$(function() { 
    $(".tab-content").hide().first().show(); 
    $(".yourNav li:first").addClass("active"); 

    $(".yourNav a").on('click', function (e) { 
    e.preventDefault(); 
    $(this).closest('li').addClass("active").siblings().removeClass("active"); 
    $($(this).attr('href')).show().siblings('.tab-content').hide(); 
}); 

    var hash = $.trim(window.location.hash); 
    if (hash) $('.inner-nav a[href$="'+ hash + '"]').trigger('click'); 
}); 

基本的にあなたが#を形成したURLに基​​づいてタブの.click()を強制することになります。

Answer 1

はこのような何かを試してみてください。あなたが既に持っていると言ったトップの部分、つまりタブはすべて開かれており、そのすべては、var hash =が宣言されている2番目の部分です。私に知らせて幸運を知らせてください。