1

我的页面里面有一个iframe......这iframe基本上是一个简单的表单，其中包含我绑定 jquery 的日期输入字段datePicker。

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

我的想法是移到父窗口datepicker之外iframe（我成功了），然后自己将它移到我的输入字段位置。因此我会datepicker在前面iframe。

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

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

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

4

1 回答 1

0

通过下面访问父body元素，解决了这个问题。它在IE中有效，在Firefox中无效

$('body', parent.document).append(inst.dpDiv);
于 2015-04-23T16:27:14.407 回答