Javascript 当您单击日期选择器时，引导offcanvas阻止关闭offcanvas

当我在菜单内的表单中使用datepicker并单击datepicker按钮时，我在关闭offcanvas菜单时遇到问题

在过去的两天里，我一直在绞尽脑汁，但我无法解决这个问题，无论我在哪里搜索，我都没有找到解决办法

我使用的是

jqueryui

和日期选择器，与

iamphill

我在一个输入上的offcanvas菜单和datepicker字段中有一些输入，当我打开菜单并单击datepicker上的任何日期或上一个/下一个时，offcanvas菜单会自动关闭它

在这里粘贴代码很长，所以我制作了codepen示例

若你们看一看，你们会在右角看到一个黑色的小正方形，当你们点击正方形时，offcanvas菜单将打开，第三个输入字段是datepicker，当你们点击datepicker时，将打开datepicker，若你们点击下个月，offcanvas菜单将关闭

---

如果有人知道如何防止关闭，我将非常感谢。

您需要更改Offcanvas.prototype.\u documentClicked函数。第256行（例如）：

---

您需要更改Offcanvas.prototype.\u documentClicked函数。第256行（例如）：

---

还可以更改以下代码，使其在日期选择器上不关闭：

第253行

---

还可以更改以下代码，使其在日期选择器上不关闭：

第253行

---

你们的两个答案都是正确的，这是他妈的快速响应，谢谢你们，但我必须将另一个标记为已接受，因为这一个也适用于电话。你们的两个答案都是正确的，这是他妈的快速响应，谢谢你们，但我必须将另一个标记为已接受，因为这一个也适用于电话。非常感谢，这一款也适用于手机。非常感谢，这一款也适用于手机。

if (!clickedEl.hasClass('offcanvas-toggle') && clickedEl.parents('.offcanvas-toggle').length === 0 && clickedEl.parents('.navbar-offcanvas').length === 0 && !clickedEl.hasClass('navbar-offcanvas') && !clickedEl.hasClass('ui-corner-all')) {

  Offcanvas.prototype._documentClicked = function(e) {
    if($('.ui-datepicker').is(':visible')) {
        return;
    }