コードは部分的にしか実行されていません

Question

このコードでは、オーバーレイを表示したい、.mg-show-info。 elInfoLinkのクリック機能は、計画どおりに動作します。今では親のクリック可能にする必要があります。既に別のイベントがあるので、ここで見ているように私はそれをやると思いました。親をクリックすると、その子の関数が呼び出され、console.logは機能しますが、オーバーレイは表示されません。 なぜですか？

var elInfoLink = tile.querySelector('.info-link'); 
if (elInfoLink) { 

    $(elInfoLink).parent().click(function (e) { 
     $(elInfoLink).click(); 
    }); 

    $(elInfoLink).click(function (e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    var mg = document.querySelector('#mg'); 
    mg.classList.add('mg-show-info'); 
    mg.dataset.memoryOverlayShowId = tile.dataset.id; 
    console.log("foo"); 
    }); 
} 

Answer 1

EDIT：@Rory McCrossanが指摘したように、これはあなたの表記にかなり同等です。これは正常に動作します。

メソッド.click()は、要素にクリックイベントリスナーを登録するための略語です。あなたがしたいことは次のとおりです：

$(elInfoLink).parent().click(function (e) { 
    $(elInfoLink).trigger('click'); 
}); 

Answer 2

これは「部分的な実行」がないようです。 クラスmg-show-infoが正しい要素に追加されている（そしてその要素が適切に選択されている）場合、関連するCSSがロードされているかどうかを再確認します。