Moving jquery datePicker außerhalb von iframe

Question

Ich habe eine iframe innerhalb meiner Seite ... Und das iframe ist im Grunde eine einfache Form mit Datum Eingabefeld, an das ich gebundene jquery datePicker.

Mein Problem ist, dass iframe in Dimensionen ziemlich klein ist, so dass, wenn ich mein Eingabefeld Fokus und datepicker Rollen gebe, ist es nur teilweise gezeigt, und der Rest wird innerhalb von iframe versteckt.

Meine Idee ist move datepicker außerhalb dieser iframe zu übergeordneten Fenster (die ich erfolgreich war) und dann verschieben Sie es zu meinem Eingabefeld von mir. Deshalb werde ich datepicker vor iframe haben.

zog ich die datepicker mit diesem: (dieser Code ist in der iframe)

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

Und das ist alles in Ordnung, aber die datepicker ist jetzt völlig unempfänglich. Es reagiert nicht auf mein Klicken. Hast du eine Idee, wie ich das überwinden kann? Ich habe alles versucht, was mir in den Sinn kam, habe es aber immer noch nicht herausgefunden.

Answer 1

Zugang der Eltern Körperelement von unten, löst die issue.It in IE funktioniert und funktioniert nicht in Firefox

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