リンクから折り畳みメニューをトリガーする新しいウィンドウを開く

Question

リンクを使用してportfolio.htmlページにあるクリック可能な折りたたみメニューを開くには、index.htmlページでリンクを使用したいと思います。

Index.htmlと

<a class="sponsor-info" href="views/portfolio.html"></a> 

Portfolio.html

<ul class="folding-menu"> 
    <li class="menu-item sponsors" id="all-metro">   
    <div class="folding-content"> Content </div> 
    <li> 
</ul> 

のJSスクリプト

$('.sponsor-info').click(function() { 
    setTimeout(function() { 
     $('#all-metro').trigger('click'); 
    }, 1000); 
}); 

私のコードでは、同じページに対してのみ動作するという問題があります。しかし、index.htmlからportfolio.htmlへ（新しいページへ）移動すると、メニューは表示されません。

Answer 1

あなたの設定についてもっと詳しく知りませんが、おそらく最も簡単なことは、他のページで検出できるURLにクエリ文字列引数を使用して、メニューを開くかどうかを判断することです。以下のような何かあなたが始める必要があります。そして、portfolio.htmlページではJavaScriptをこのような何かを行う必要があります

<a class="sponsor-info" href="views/portfolio.html?open=true"></a> 

：

最初ににあなたのリンクを変更

$(document).ready(function(){ 
    var query = window.location.search; 
    if(query && query.length >0){ 
     var parts = query.split('='); 
     var open = parts[0] === 'open' && parts[1] === 'true' ? true : false; 
     if(open){ 
     $('#all-metro').trigger('click'); 
     } 
    } 
}); 

この必要がありますページが準備できるのを待ってから、ウィンドウの場所からクエリ文字列を取得し、開いているパラメータを探している文字列を解析してから、クリックをトリガーする前に値をチェックします。