将 jquery datePicker 移到 iframe 之外

Question

我的页面中有一个iframe... 而这个iframe 基本上是一个带有日期输入字段的简单表单，我将jquery datePicker 绑定到该表单。

我的问题是iframe 的尺寸非常小，所以当我给输入字段焦点并且datepicker 推出时，它只显示了一部分，其余部分隐藏在iframe 内。

我的想法是将datepicker 移出iframe 到父窗口（我成功了），然后自己将其移动到我的输入字段位置。因此我将在iframe 前面加上datepicker。

我用这个移动了datepicker： （这段代码在iframe里面）

$("#txtDate").datepicker({
    beforeShow: function(input, inst)
    {
        inst.dpDiv[0].style.zIndex = '9999';
        window.parent.$('body').append(inst.dpDiv);
    }
});

这一切都很好，但是datepicker 现在完全没有响应了。它不响应我的点击。你对我该如何克服这个有任何想法吗？我尝试了所有出现在我脑海中的东西，但仍然没有弄清楚。

Answer 1

通过以下方式访问父body元素，解决了问题。它在IE中有效，在Firefox中无效

$('body', parent.document).append(inst.dpDiv);