在我的网络应用中，我有三个导航栏（左侧，右侧和底部）。按下按钮可以隐藏或显示它们。在我的左侧导航，我有两个日期选择器，用于选择窗口主要部分内显示的数据的日期范围。除了一件事之外，datepicker正常工作。当我打开日期选择器并显示日期时，如果我想在不选择日期的情况下关闭日期选择器，我通常只需单击页面上的任何其他位置，日期选择器就会消失。但问题是，只有当我点击nav2（右侧导航）或nav3（底部导航）上的某处时才会发生这种情况。因此，当我点击左侧导航栏（放置日期选择器的位置）或窗口的主要部分时，它不起作用。有谁知道什么可能导致这个问题？
这是js脚本的一部分：
<script type='text/javascript' src="${rurl}/js/jquery.js"></script>
<script type="text/javascript" src="${rurl}/js/jquery.min.js"></script>
<script type='text/javascript' src="${rurl}/js/jquery-ui.js"></script>
<script type='text/javascript' src="${rurl}/js/common.js"></script>
<script src="${rurl}/js/bootstrap-datepicker.js"></script>
<script src="${rurl}/js/jquery-ui-i18n.min.js"></script>
<script type="text/javascript"
这是左侧导航的html部分：jsfiddle.net/2pebcd4v