Javascript 我正在使用jQuery关闭下拉列表，但需要双击以重新打开问题

我正在使用jQuery关闭下拉列表，但需要双击以重新打开问题

我的模态代码片段：

<div *ngIf="backEnd.isHeadLogin" class="date-range-filter">
    <span id="date-filter-toggle-span" dropdown #dropdownAllData="bs-dropdown" (onToggle)="toggled($event)" [autoClose]="false">
            <button id="date-dropdown" dropdownToggle>
                Choose date range
            </button>
            <div class="dropdown-menu date-filter-content" *dropdownMenu aria-labelledby="date-dropdown">
                <!-- INNER HTML WILL BE HERE -->
                <p>INNER HTML</p> 
            </div>
    </span>
</div>

如果我在下拉列表外单击，它会越来越近，但当我试图重新打开它时。它需要双击才能打开

---

如何解决此问题？

为什么要使用

if（$（“#日期筛选器切换span'）.hasClass（'open'））

条件？它应该只在下拉列表打开时适用，这就是为什么

toggleClass

只会执行删除功能，您可以只使用

removeClass

。因为我们在需要添加/删除class.code片段时使用了

toggleClass

。。请立即检查您是否也在使用引导？

ngOnInit() {

    window.onclick =(event) => {
        var $trigger = $(".date-range-filter");
        
        if($trigger !== event.target && !$trigger.has(event.target).length){
            $('#date-filter-toggle-span').removeClass('open');          
            $("#date-dropdown").attr("aria-expanded",false);
        }
    }
    ....
    ....
}