Bootstrap offcanvas предотвращает закрытие offcanvas при нажатии на DatePicker - PullRequest
Новая
       28

Bootstrap offcanvas предотвращает закрытие offcanvas при нажатии на DatePicker

0 голосов
/ 29 января 2019

У меня проблемы с закрытием меню offcanvas, когда я использую DatePicker в форме внутри меню и нажимаю кнопку DatePicker.

Последние 2 дня я ломал голову, но не могу исправитьдля него и везде, где я искал, я не нашел решения.

Я использую jquery ui и DatePicker в сочетании с начальной загрузкой из iamphill

https://github.com/iamphill/Bootstrap-Offcanvas

У меня есть несколько входов в меню offcanvas и поле datepicker на одном входе, и когда я открываю меню и щелкаю по любой дате или предыдущему / следующему на datepicker, меню offcanvas закрывается само.

Код очень длинный для вставкивот так я сделал пример кода ручки

https://codepen.io/lonerunner/full/dapzNX

Если вы посмотрите, вы увидите маленький черный квадрат в правом углу, когда вы нажмете на квадрат, откроется меню offcanvas и на третьемполе ввода - datepicker, когда вы щелкнете по datepicker, откроется окно, и если вы нажмете на следующий месяц, меню offcanvas закроется.

Если у кого-то есть идеи, как предотвратить закрытие, я с удовольствием примуцитировать это.

Ответы [ 2 ]

0 голосов
/ 29 января 2019

Также работает изменение следующего кода, чтобы он не закрывался на датере:

Строка 253 

  Offcanvas.prototype._documentClicked = function(e) {
    if($('.ui-datepicker').is(':visible')) {
        return;
    }
0 голосов
/ 29 января 2019

Вам необходимо изменить функцию Offcanvas.prototype._documentClicked.Строка 256 (например): 

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')) {
...