boorstrap4のドロップダウンメニューから指定のアイテムを自動でクリックしたい

Question

###実現したいこと
boorstrap4のドロップダウンを使って、選択したアイテムによって異なるナビゲーションバーを作成する、動的ナビゲーションバーを作成しています。
例えば、アイテムNo1はナビが3つ、アイテムNo2はナビが6つなど、選択アイテムによってナビの数や内容を変えたいのです。
###困っていること
ドロップダウンの内容（dropdown-item）が複数あるときは、クリックイベントから選択したアイテムのナビを得ることができましたが、dropdown-itemが１つしかない場合、選択する必要がないので、自動的（強制的）にクリックイベントを発火させてナビを表示させたいのですが、方法がわかりません。

<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
        <a class="navbar-brand mr-auto mr-lg-3" href="#">NAVbar</a>
        <button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item dropdown active">
                    <a class="nav-link dropdown-toggle status" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">ドロップダウンリスト <span class="sr-only">(current)</span></a>
                        <div class="dropdown-menu" aria-labelledby="dropdown01">
                            <!--１つしかない場合↓-->
                             <a class="dropdown-item" data-send="send_No1">アイテムNo1</a>               
                        </div>
                </li>

                <div id="select_nav"></div>
                <!--clickイベントから得たナビゲーション（select_nav）の内容↓-->
                <li class="nav-item">
                        <a class="nav-link" href="#">リストNo*</a>
                </li>
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">            
                        <a class="nav-link" data-send="send_a" href="a.php">nav_a</a>            
                    </li>
                    <li class="nav-item">            
                        <a class="nav-link" data-send="send_b" href="b.php">nav_b</a>            
                    </li>
                    <li class="nav-item">            
                        <a class="nav-link" data-send="send_c" href="c.php">nav_c</a>            
                    </li>
                </ul>
                <!--clickイベントから得たナビゲーション（select_nav）の内容↑-->
           </ul>
            <form class="form-inline my-2 my-lg-0 small">          
                <a class="btn btn-outline-info my-2 my-sm-0 " href="logout.php">ログアウト</a>
            </form>
        </div>
    </nav> 

<script>        
        $(function(){               
            $('.dropdown-menu .dropdown-item').click(function(){                      
                //HTMLでの送信をキャンセル
                event.preventDefault();
                var send = $(this).data('send');          
                $.ajax({
                    type: "POST",
                    url: "get_nav.php",
                    data: { ajax_send : send },
                    dataType : "json"
                }).done(function(data){
                target = document.getElementById("select_nav");                        
                    target.innerHTML = data;                     
                }).fail(function(XMLHttpRequest, textStatus, error){
                  alert("エラーが発生しました");
                });
            });                
        });
    </script>

Comments

[退会済みユーザー]

言語は正しく
javaはスクリプトタグでは動きません(笑)

Answer 1

クリックイベントはjQueryのtrigger()を使えば発生させられると思います。
http://semooh.jp/jquery/api/events/trigger/type%2C+%5Bdata%5D/

Comments

[lapierre]

回答、大変ありがとうございます！

下記のとおり、trigger()でうまくいきました。
$(window).on('load', function() {
　$(".dropdown-menu .dropdown-item").trigger('click');
});

ただ、始めは　$(document).ready(function()としていたので、うまくいかず、、、
$(window).on('load', function()で期待の結果が得られました。

返信遅くなってすいません。
とても助かりました。ありがとうございました。