私はカレンダーボックスウィジェット(日付を選択できる小さなdivポップアップの1つ)を作成してきました。
1つの機能を除いて、すべてがほぼ完了しています。オブジェクトを作成するときに、フィールド(日付を含むフィールド)を送信します。(本当に)奇妙な要件のセットのため、このフィールドは読みやすい形式(YYYYMMddhhmmss)を持つことができないため、スクリプトはフィールドを非表示にし、代わりに同様のスタイルのdivをドロップします。私は、フィールドの兄弟として、そしてそのすぐ隣に(親の最後に追加されるのではなく)divをきちんとドロップする方法を見つけていません。
IDでフィールドを引数として取り、それを非表示にして、同じ場所の同じ場所にdivをドロップするにはどうすればよいですか?
HTMLでフィールドの直後にドロップできれば、CSSをDIV(または新しいフィールド)にコピーでき、誰も賢くなりません。古いフィールドへの参照は引き続き有効であり、人間は新しいフィールドを簡単に読み取ることができますが、私が見つけた最善の解決策は、オブジェクトに2つのパラメーター(1つはターゲットフィールド用、もう1つはターゲットdiv用)を取得させることです。 。それは理想的ではありません。
jsFiddle:完全なプロジェクト(申し訳ありませんが、ウィジェットの名前は非常に残念です。しゃれの基準でも悪いです。)jsFiddle:簡略化された例(選択された回答を含む)
PS:
このプロジェクトの本当の目標は、依存関係を最小限に抑えることだけです。このウィジェットは、私の会社が長年使用していた古いウィジェットに取って代わります。これは、時間の経過とともに、(それぞれ異なるファイルに)1ダース半の変更を蓄積し、少なくとも同じ数のスタイルシートと既存のプラグインを必要としました。誰もそれで何が起こっているのか本当に知りませんでした。これはjQueryのみが必要であり、他のスクリプトや他のスタイルシートは必要ありません...
...そのままにしておきたい...