Jquery 使用导航标签时防止下拉关闭[bootstrap 4]

我所拥有的：

-引导程序4

-导航栏>下拉菜单>导航选项卡

当我按下导航选项卡中的链接时，下拉菜单关闭。我怎样才能修理它

<div class="dropdown-menu" aria-labelledby="dropdown09">
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist" style="padding-top: 1%">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#trud" role="tab">Трудовые единицы</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#profile" role="tab">Профиль</a>
                </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="trud" role="tabpanel">
                  somthing 1
                </div>
                <div class="tab-pane" id="profile" role="tabpanel">
                    something 2
                </div>
            </div>
        </div>
    </div>
</div>

悲哀1
2点

。。。
$（“文档”）.ready（函数（）{
$（'.下拉菜单'）。在（'单击'）上，函数（e）{
if（$（this）.hasClass（'dropdown-menu-form'））{
e、 停止传播（）；
}
});
});
。。。
$（“文档”）.ready（函数（）{
$（'.下拉菜单'）。在（'单击'）上，函数（e）{
if（$（this）.hasClass（'dropdown-menu-form'））{
e、 停止传播（）；
}
});
});

<ul class="dropdown-menu dropdown-menu-form" role="menu">...

$("document").ready(function() {

  $('.dropdown-menu').on('click', function(e) {
      if($(this).hasClass('dropdown-menu-form')) {
          e.stopPropagation();
      }
  });
});