テキストフィールド、テキストエリアなどが入っているときにJqueryダイアログが複数回開いている

Question

何らかの理由で、入力タイプを含むダイアログを開くと、複数のダイアログが開きます。

は、ここに私のコードです：私が取る場合https://jsfiddle.net/jrrxxbdg/

：

<br /><input type='text' /> 

はその後、それが唯一の1個のダイアログモーダルを開きます。ここ

var addTagsDialog = $("<p>This is just a test tag</p> <br /><input type='text' />"); 

    addTagsDialog.dialog({ 
     buttons: { 
     "Update": function() { 
      console.log('Update Func Run'); 
     } 
     }, 
     Cancel : function() { 
     addTagsDialog.dialog('destroy').remove(); 
     } 
    }); 

はフィドルです。

は、私はこれらのバージョンを使用しています：

• jqueryの1.9.1
• jqueryの-UI-1.9.2このようなケースである理由

は誰でも見ることができますか？

私はそれは私がしかし、私は私が

dialog('destroy').remove(); 

を追加したモーダルを使用しているたびに、それらを使用した後のモーダルを破壊していないですし、それが複製しているか、これは説明していないことが原因であることを別の質問で読みますJSFiddleで

どのような考えですか？

Answer 1

すべてをDIVにラップする必要があります。このように要素を作成すると、4つの別々の要素（<p>、textElement、<br>、<input>）のjQueryコレクションが作成されます。次に、それぞれのダイアログを作成しています。

用途：

var addTagsDialog("<div><p>This is just a test tag</p> <br /><input type='text' /></div>");