jQuery自動完成不在ASP.NET MVC視圖內動態加載

Question

我正在動態加載ASP.NET MVC 3視圖。在視圖內部，有一個需要「自動完成」的文本框。下面的代碼：

@model CountryViewModel 

@using (Html.BeginForm("Create", "Country", FormMethod.Post)) { 
@Html.ValidationSummary(true) 
<div class="field"> 
@Html.LabelFor(model => model.Name) 
@Html.TextBoxFor(model => model.Name) 
@Html.ValidationMessageFor(model => model.Name) 
</div> 

<div class="field"> 
@Html.LabelFor(model => model.Description) 
@Html.TextBoxFor(model => model.Description) 
</div> 

<div class="field"> 
    @Html.LabelFor(model => model.Latitude) 
    @Html.TextBoxFor(model => model.Latitude) 
</div> 

<div class="field"> 
    @Html.LabelFor(model => model.Longitude) 
    @Html.TextBoxFor(model => model.Longitude) 
</div> 

@Html.HiddenFor(model => model.CultureId, new { id = "CultureId" }) 
} 

<script type="text/javascript"> 

$(document).ready(function() { 
    $('#Name').autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
       url: '@(Url.Action("GetCountriesB", "Country"))', 
       data: "{ 'countryName': '" + request.term + "' }", 
       dataType: "json", 
       type: "POST", 
       contentType: "application/json; charset=utf-8", 
       dataFilter: function(data) { return data; }, 
       success: function(data) { 
        response($.map(data.d, function(item) { 
         return { 
          value: item.Country 
         } 
        })) 
       }, 
       error: function(XMLHttpRequest, textStatus, errorThrown) { 
        alert(textStatus); 
       } 
      }); 
     }, 
     minLength: 2, 
     focus: function(event, ui) { 
      $('#Name').val(ui.item.Country); 
      return false; 
     } 
    }); 
}); 

我加載此查看一個jQuery用戶界面對話框內。當我使用Firebug進行調試時，「腳本」標籤似乎未加載，因此自動完成功能無法使用。

任何想法爲什麼會有這種行爲？

謝謝

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.