jquery-ui datepicker 在放大时不保持其相对于其元素的位置

Question

我有一个 jquery-ui datepicker 的小问题，如果输入(datepicker 附加到)被放置在具有 margin: 0px auto 的元素内，就会出现这个问题。如果放大 (ctrl +)，显示的日期选择器不会保持其相对于输入的位置。当填写表单时自动放大时，它会导致移动浏览器出现一些问题。如果删除 margin: 0px auto 没有问题，但我想保留它。

fiddle :http://jsfiddle.net/hcvfC/1/

Answer 1

这是我对问题的解决方案:

$(window).on('resize orientationchange', function (e) {
    if ($.datepicker._datepickerShowing) {
        var datepicker = $.datepicker._curInst;
        dpInput = datepicker.input;
        dpElem = datepicker.dpDiv;
        dpElem.position({
            my: 'left top',
            of: dpInput,
            at: 'left bottom'
        });
    }
});