javascript - Jquery Ui Datepicker 月/年下拉菜单在最新的 Firefox 中的弹出窗口中不起作用

Question

我的 jQuery UI Datepicker Month/Year Dropdown 在最新的 firefox 中的任何弹出窗口中都无法正常工作。

当我点击月或年下拉菜单时，选项列表没有出现。

这是我的弹出窗口和日期选择器代码:

$( "#dialog-form" ).dialog({
    modal: true
});

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true
});

我也在 JSfiddle 上准备了一个演示:

http://jsfiddle.net/469zV/2/

Answer 1

这是因为模态强制关注自身。如前所述，这是一个解决方案 here .将以下脚本添加到您的 js 文件中。就是这样。

jsfiddle:http://jsfiddle.net/surjithctly/93eTU/16/

引用:Twitter bootstrap multiple modal error

// Since confModal is essentially a nested modal it's enforceFocus method
// must be no-op'd or the following error results 
// "Uncaught RangeError: Maximum call stack size exceeded"
// But then when the nested modal is hidden we reset modal.enforceFocus
var enforceModalFocusFn = $.fn.modal.Constructor.prototype.enforceFocus;

$.fn.modal.Constructor.prototype.enforceFocus = function() {};

$confModal.on('hidden', function() {
    $.fn.modal.Constructor.prototype.enforceFocus = enforceModalFocusFn;
});

$confModal.modal({ backdrop : false });

对于 Bootstrap 4:

replace : $.fn.modal.Constructor.prototype.enforceFocus
By: $.fn.modal.Constructor.prototype._enforceFocus