在外面点击时隐藏DIV

Question

我有一个动态生成的表单系统.

下面的代码是调用日历的按钮.

<input id="btn1_0" type="button" value="?" class="rsform-calendar-box btnCal rsform-calendar-button btn btn-default" onclick="RSFormPro.YUICalendar.showHideCalendar('cal1_0Container');">

这是在单击上面的按钮时显示的div.在div中单击display:none时按钮切换样式:

<div id="cal1_0Container" style="clear: both; position: absolute; z-index: 9987;" class="yui-calcontainer single">
Calendar Here
</div>

我想在有人点击div之外时隐藏日历.

我尝试了这个JS,但它不会起作用,因为它设置display:none为div.我究竟做错了什么？

jQuery(document).click(function(event) {
    if ( !jQuery(event.target).hasClass('yui-calcontainer')) {
         jQuery(".yui-calcontainer").hide();
    }
});

Answer 1

看起来您正在尝试使用 YUICalendar 库，在这种情况下，查看官方文档 @ https://developer.yahoo.com/yui/calendar/可能会有所帮助

我找到了一个可能实现您想要实现的目标的示例：https://developer.yahoo.com/yui/examples/calendar/calccontainer_clean.html