問題タブ [jquery-clone]

jQueryUI ダイアログを使用するためのコード スニペットは次のとおりです。

HTML マークアップ:

「upload_photos」div をクリックすると、ダイアログ ウィンドウに画像が表示されますが、背景ページからは消えます。

1. バックグラウンドページで同時に表示し続けるにはどうすればよいですか?

2. 画像がダイアログ ボックスに表示されるときに、さまざまなサイズ (幅と高さ) で表示したいと考えています。どうやってするか？

編集：

「upload_photos」div を複数回クリックすると、複数のダイアログが作成されます。しかし、後でクリックするためのダイアログを作成したくありません。どうやってするか？

EDIT2：

「upload_photos」divの画像の下にボタンがあります。クローン ( var dialog = $(this).clone();) を使用します。そのダイアログボックスにもそのボタンがあります。しかし、ボタンをクリックすると、ダイアログボックスの画像ではなく、Webページの画像でタグ付けが開始されます。

解決策は何ですか？

EDIT3：

jquery を使用したタグ付けスクリプトは、「upload_photos」div を選択します。ダイアログに複製されている場合、スクリプトはダイアログボックスではなく、Web ページで選択を見つけます。これは、イベント処理に関連 (?) している可能性があります。で試しました

しかし解決できませんでした。jquery選択の注意をダイアログウィンドウに向けるには?

EDIT4"

var dialog = $(this)代わりに使用するとvar dialog = $(this).clone(true);、タグ付けはダイアログ ボックスで行われますが、画像は Web ページから消えます。

Jqueryクローンに苦労しています。HTML の 1 行を複製することはできますが、ブロックを複製する方法がわかりません。

私はこのブロックを持っています:

さらに 2 つのブロックを作成する必要があり、そのたびに新しいブロックの属性を変更してその位置を反映させます。

その出力を得るために何をしなければならないかについての手がかりはありますか?

jQuery のclone関数は次のようになります。

.clone( [withDataAndEvents] [, deepWithDataAndEvents] )

withDataAndEvents : イベント ハンドラーとデータを要素と共にコピーする必要があるかどうかを示すブール値。

deepWithDataAndEvents : 複製された要素のすべての子のイベント ハンドラーとデータをコピーする必要があるかどうかを示すブール値。

これらのパラメータはどちらも と に影響data し eventsます。データのみを保持し、イベントを保持することは可能でしょうか? 基本的に、私の理想的なclone関数は次のようになります。

.idealClone( [withData] [, withEvents] [, deepWithData ] [, deepWithEvents ] )

withData : データを要素とともにコピーする必要があるかどうかを示すブール値。

withEvents : イベント ハンドラーを要素と共にコピーする必要があるかどうかを示すブール値。

deepWithData : 複製された要素のすべての子のデータをコピーする必要があるかどうかを示すブール値。

deepWithEvents : 複製された要素のすべての子のイベント ハンドラーをコピーする必要があるかどうかを示すブール値。

これを達成する方法はありますか？

NB私は1.8.1で作業していますが、すべてのバージョンの回答を歓迎します

clone独自の関数を作成しようとしていますが、問題が発生しています。このように、 jQueryのclone関数を問題なく自分で使用できます:`

(または、実際の動作を参照してください: http://jsfiddle.net/Shawn/dCm59/2/ )

しかし、要素のコレクション (を追加) で機能させようとするとeach、元のものが削除されます。

(または、実際の動作を参照してください: http://jsfiddle.net/Shawn/dCm59/3/ )

2 番目のバージョンで元のバージョンが削除されるのはなぜですか?

jQueryUIとクローン要素で奇妙な問題が発生しています。jQuery UIイベントは正しくコピーされているように見えますが、イベントはクローンされたものではなく、元のDOMオブジェクトを参照しているようです。

このJSフィドルは問題を示しています：http：//jsfiddle.net/XDrC5/

HTMLは次のとおりです。

そしてJavascript：

[クローン]をクリックすると、下のボックスのオレンジ色の正方形が適切に複製されますが、新しい正方形をドラッグしようとすると、元の正方形が移動します。新しい正方形のサイズを変更しようとしても、何も起こりません。

これにより、複製された要素でjQueryUIメソッドを呼び出そうとすると大きな問題が発生します。たとえば.draggable("destroy");、クローンの後に呼び出すと、実際には元の要素からドラッグ可能要素が削除され、新しい要素と古い要素の両方が移動できなくなります。

これを回避する方法があるのか​​、単に密度が高いのか、それともこれが避けられないバグなのかはわかりません。どんな助けでも大歓迎です。

jQueryを使用して、フォームの最後に複製されたdivを追加しようとしています。仕組みは次のとおりです。

そして、これは初めてうまく機能します、私はこのように見えるdivを取得します：

しかしその後、divはIDが「student-3」の別のdivに置き換えられます。Student-3は、student-2に置き換わるのではなく、新しいdivである必要があります。何か案は？

次の CSS を使用して、本文に空の div があります。

http://jsfiddle.net/CcmFJ/1/

次に、jQuery を使用して要素を数回複製します。その結果、元のものが余分なマージンを取っているのはなぜですか?

div とそのすべてのコンテンツをコピーして、複製された div を生成したい (たとえば、請求書に行を動的に追加する)。HTML コントロール、動的 ID、DIV の要素のリスナーなど、div のコンテンツを複製する必要があります!!

これを行う簡単な方法はありますか？ありがとう！

コードは機能しますが、DIV全体を複製するわけではなく、テキストボックスIDを複製すると、誰かが私を助けることができます.

私は比較的 jQuery に慣れていないデザイナーなので、ご容赦ください。

jQuery ショッピング カート モデルに基づくデータベース クエリ作成プログラムを作成しました。

基本的に、ユーザーはフィールド名とブール演算子を「カート」領域にドラッグ アンド ドロップします。これにより、カンマ区切りの文字列に変換してクエリとして保存できる要素のリストが作成されます。ドラッグされた要素は、実際にはオリジナルのクローンです。

カート領域の要素の基本的な順序は次のとおりです。

次のような文字列になる可能性があります。

これは次と同じです:

クエリ作成領域で論理的な順序を維持するために、通常、フィールドをドロップするとすべてのフィールドが無効になり、ユーザーは演算子をドラッグするしかなくなります。ブール演算子が削除されると、すべてのブール演算子が無効になります。そうしないと、無意味なクエリになってしまう可能性があります。次に例を示します。

フィールドまたは演算子がドロップされた場合、それを Trash div にドラッグして削除できる必要があります。

同時に、以前の要素は削除できなくなります。そうしないと、ユーザーが要素をランダムに削除することで、作成中のクエリに大混乱をもたらす可能性があります。

たとえば、「el」がドラッグ アンド ドロップされるフィールド名である場合、「削除可能」クラスがドロップ機能の一部として追加され、前のリスト要素から削除されます。

この部分は正常に動作しています。つまり、最後にドロップされたリスト要素は削除でき、以前のリスト要素は削除できません。

私が抱えている問題は、ユーザーがドロップされたリスト要素をクエリ作成領域 [「カート」] にドラッグすると、そのリスト要素のクローンが作成されることです。次に、そのクローンをドラッグして、別のクローンを作成できます。

元のドロップ イベントでは、ドロップされたフィールド名または演算子の後に [コンマ区切りの文字列になるように] カンマが追加されるため、ドロップされたフィールドをドラッグすると、最初のドロップ イベントが再作成されていると思いますか? これは、ドラッグが停止するたびに各クローンにカンマが追加されているためです。

「カート」の div を並べ替え不可にすると、ドロップされた要素がドラッグされたときに複製されないようにすることができますが、ゴミ箱にドラッグすることはできません。

つまり、長々と申し訳ありませんが、まとめると、ドロップされた要素を「削除可能」に保ちながら、ドラッグしたときにクローンが作成されないようにして、ゴミ箱にドラッグできるようにする方法が必要です。

クローンの問題を示すページの完全に機能するバージョンがあります。

http://tinyurl.com/nr4tpbp

2 番目のページは、「カート」がソート可能にされていない場合の動作を示しています。要素はドラッグできないため、複製されませんが、ゴミ箱にドラッグすることもできません。

http://tinyurl.com/qcawmax

どんな助けでも大歓迎です！