jQueryUIオートコンプリートダイアログを1回だけ使用する

Question

ダイアログを再オープンした後、オートコンプリートが機能しません。

var create_product = function() { 
    isEdit = false; 
    $(".dialog_create_product").dialog({ 
     autoOpen: true, 
     width: 800, 
     modal: true, 
     buttons: {}, 
     open: function (event, ui) { 
    =>  $(".getInputComponent").autocomplete({ 
       source: ['1','2','3'], 
      }); 
     }, 
     close: function (event, ui) { 
      $(".dialog_create_product").dialog("destroy") 
     }, 
     beforeClose: function (event, ui) { 
      closeDialog(); 
     } 
    }); 
}; 

HTML

<div class="divInput"align="center"> 
    <input class = "getInputComponent" placeholder="name" type="text" maxlength="50"><button class="addComponent" >Add</button> 
</div> 

でもダイアログの機能のうち、オートコンプリートif文。

$(".dialog_create_product").on("dialogopen", function(event, ui) {$(".getInputComponent").autocomplete({source: ['1','2','3']});}); 

または

$(document).on("dialogopen", function(event, ui) {$(".getInputComponent").autocomplete({source: ['1','2','3']});}); 

Answer 1

あなたはこの

close: function (event, ui) { 
     $(this).dialog('destroy').remove() 
},