JQueryのdatepickerのポップアップ機能はどのように機能しますか？

Question

私は最初のJQuery UIプラグインを作成しています。時間範囲ピッカーです（「時間範囲」は「最終木曜日3:16 AM〜明日5:19 PM」のようなものです）。基本的な考え方は、人間が判読可能な説明を持つ<input type="text">が常に表示されることです。ユーザーがテキストフィールドをクリックすると、JQuery UIにあるdatepickerと同様に、インタラクティブコントロールのポップアップが表示されます。

しかし、私はポップアップパターンを再現するのに問題があります。配置権を得るために、<input>要素のポップアップ<div>を子供にしたいと考えましたが、これは不可能なようです。しかし、ポップアップを常に表示されているテキスト入力要素の子にせずに、どのようにプレースメントとアニメーションを正しく取得できますか？これを行うためのパターンはありますか（JQueryで）？

Answer 1

inputというテキストへの参照が必要です。 jQueryには、この要素の位置を取得する機能があり、divをこの位置に対して相対的に配置することができます。

http://api.jquery.com/position