gpt4 book ai didi

javascript - 单击按钮时显示 div,然后在按钮外部单击时隐藏此 div

转载 作者:数据小太阳 更新时间:2023-10-29 04:01:53 26 4
gpt4 key购买 nike

HTML

<div id="selectPeriodRangePanel">
<p>Test</p>
</div>

<button id="period_select_range_btn">Select Range</button>

JQUERY

$("#period_select_range_btn").off().on("click", function(){
$("#selectPeriodRangePanel").toggle();
});

当我点击按钮时,selectPeriodRangePanel DIV 被打开。我想在单击外部时隐藏此 DIV

我该怎么做?

最佳答案

试试这个

$(document).on("click", function(e){
if($(e.target).is("#period_select_range_btn")){
$("#selectPeriodRangePanel").show();
}else{
$("#selectPeriodRangePanel").hide();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="selectPeriodRangePanel" style="display:none">
<p>Test</p>
</div>

<button id="period_select_range_btn">Select Range</button>

关于javascript - 单击按钮时显示 div,然后在按钮外部单击时隐藏此 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34947462/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com