从外部链接（从页面）打开页面上的特定选项卡

Question

这个问题已被问过几次。我已经尝试了针对此问题发布的所有代码段，但似乎没有任何关于我的代码。以下是我如何布置页面元素的要点：

1）我在页面上创建了垂直选项卡列表（例如：Conveyors.html）

2）标签/产品有自己的ID。单击同一页面中的选项卡或标签链接（即Conveyors.html。）时，将打开特定选项卡。

3）我有一个主产品页面（Products.html），其中包含所有子产品的链接。

<a href="Conveyors.html#screw-content">

4）当点击Products.html上的特定链接打开Conveyors.html上的特定标签时，我被重定向到该页面，但该标签未打开。

如何从其他页面访问时打开特定选项卡。

a）Bootstrap方法不起作用

b）选项卡未使用Jquery UI选项卡创建。

请帮我解决这个问题。谢谢！

Answer 1

1）写入Dom ready

window.location.hash

这将为您提供＃screw-content

2）根据找到的哈希（＃）值创建条件并应用click / any操作打开Tab。

这将解决您的问题。

Answer 2

主页上的Html：

$.signalR.connectionState.disconnected

Answer 3

＆＃13;

＆＃13;

$(function(){
  hashValue = window.location.hash;

  if(hasValue!=undefined && hashValue!="")
    {
      $('#sidemenu a[href="'+hashValue +'"]').click();
    }
  
  $('#sidemenu a').on('click', function(e){
    e.preventDefault();       

    if($(this).hasClass('open')) {
      // do nothing because the link is already open
    } else {
      var oldcontent = $('#sidemenu a.open').attr('href');
      var newcontent = $(this).attr('href');

      $(oldcontent).fadeOut('fast', function(){
        $(newcontent).fadeIn().removeClass('hidden');
        $(oldcontent).addClass('hidden');
      });


      $('#sidemenu a').removeClass('open');
      $(this).addClass('open');
    }
  });
});

＆＃13;

＆＃13;

＆＃13;