通过避免在内部单击下拉菜单，子下拉菜单不希望打开

Question

我的导航栏上有一个下拉菜单，并且所有子菜单都可以通过单击打开。

<li class="menu-item dropdown">
    <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link">Company</a>
    <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-593" role="menu" >
        <li class="dropdown-item">
            <a href="https://geospace.test/company/value-ethics/">link</a>
        </li>
        <li class="dropdown-item">
            <a href="https://geospace.test/company/value-ethics/">link</a>
        </li>
        <li class="dropdown-item dropdown">
            <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link">Company</a>
            <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-593" role="menu" >
                <li class="dropdown-item">
                    <a href="https://geospace.test/company/value-ethics/">link</a>
                </li>
                <li class="dropdown-item">
                    <a href="https://geospace.test/company/value-ethics/">link</a>
                </li>
            </ul>
        </li>
    </ul>
</li>

jQuery

$('#menu-primary > .dropdown > .dropdown-menu').on('click', function(event){
   event.stopPropagation();   
});

现在我无法通过单击打开位于父级下拉菜单内部的下拉菜单。