SimpleModal内のJQueryオートコンプリート

Question

SimpleModalを使用してモーダルダイアログを作成するdiv内にJQueryオートコンプリートを含むシンプルなテキストボックスがあります。 初めてモーダルダイアログが呼び出されると、オートコンプリートがうまく動作します。ダイアログが閉じられた後、ダイアログは完全に機能しなくなります。誰かがこれが原因で何が起こるか考えていますか？

コードは以下の通りである：

対話HTML：

<div id="simplemodal"> 
<div class="content"> 
    <span class="label">国名</span> 
    @Html.TextBox("NewRegion", "") 
</div> 
<div class="commands"> 
    <a>追加する</a> 
    <a class="simplemodal-close">キャンセル</a> 
</div> 

と対話

/*Show add region dialogue*/ 
function AddNewRegion(ProjectID) { 
    $('#simplemodal').modal({ 
     closeHTML: 'simplemodal-close', 
     closeClass: 'simplemodal-close' 
    }); 
} 

オートコンプリートスクリプトのスクリプト

$(function() { 
$('#NewRegion').autocomplete({ source: '/Regions/FindRegions' }); 
}); 

私はこれまでに尋ねられたことは知っていますが、質問に答えられなかったようです。

Answer 1

にあなたの2つのJSのコードサンプルを統合：問題が解決しない場合は

/*Show add region dialogue*/ 
function AddNewRegion(ProjectID) { 
    $('#simplemodal').modal({ 
     closeHTML: 'simplemodal-close', 
     closeClass: 'simplemodal-close', 
     onShow: function (dialog) { 
      $('#NewRegion', dialog.data[0]).autocomplete({ source: '/Regions/FindRegions' }); 
     } 
    }); 
} 

、私に知らせてください。

Answer 2

次のコードは、私もこの問題に遭遇してきたあなた

$(document).ready(function() { 
    $("#NewRegion").autocomplete({ 
     source: function(request,response) { 
      $.ajax({ 
       url: "/Regions/FindRegions", 
       type: "POST", 
       dataType: "json", 
       data: { term: request.term }, 
       success: function (data) { 
        response($.map(data, function (item) { 
         return { value: item.Country }; 
        })) 

       } 
      }) 
     }, 
     messages: { 
      noResults: "", results: "" 
     } 
    }); 
}) 

Answer 3

に役立つかもしれません。モーダルダイアログを開くときにpersistオプションをtrueに設定することで解決できます。

モーダルダイアログを開くたびにオートコンプリートハンドラを再インストールする必要はありません。