Перемещение jquery datePicker за пределы iframe

Question

У меня есть 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 теперь совершенно не отвечает. Он не отвечает на мои нажатия. У вас есть идеи о том, как я могу преодолеть это? Я перепробовал все, что пришло мне в голову, но до сих пор не понял этого.

Answer 1

Доступ к родительскому элементу тела ниже, решает проблему. Он работает в IE и не работает в Firefox

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