Новая версия jQuery загружает другую страницу вместо замены div

Question

Я не знаю, что я сделал не так, но, обновив новую версию jQuery, моя страница ajax больше не работает.

Я использовал 1.8.3 из google CDN, и теперь я пытаюсь использовать 1.9.1. Я также обновил пользовательский интерфейс jQuery до 1.9.2 также из CDN Google. Наконец, я взял последнюю «jquery.unobtrusive-ajax.min.js» для своей страницы.

Все работает отлично на моем сайте, кроме страницы, где я использую вызов ajax для замены div на моей странице. Эта страница работала отлично, но теперь, когда пользователь нажимает кнопку «Отправить», она просто загружается на другую страницу.

Here is a jsfiddle, которые упрощают мою страницу. Я не знаю, как назвать «поддельный контроллер» в jsfiddle, который может вернуть простой html, поэтому измените его, если хотите. Нажимая кнопку, предполагается заменить div на тот же идентификатор GUID. Вызов Ajax сгенерирован с объектом Ajax с MVC 3. Как это:

using (Ajax.BeginForm("AddSubtitle", "Recipe", 
        new AjaxOptions 
        { 
         UpdateTargetId = superGuid, 
         HttpMethod = "POST", 
         InsertionMode = InsertionMode.Replace, 
         OnSuccess = "done" 
        })) 
       { 
        <input type="hidden" name="IDRecipe" value="@Model.IDRecipe" /> 
        <a name="SubtitleSection" ></a> 
        <input class="field required span6 text-box single-line" name="Name" /> 
        <input type="submit" class="btn btn-success" value="Ajouter une catégorie d'ingrédient" /> 
       } 

Мой контроллер, кажется, работает очень хорошо, так как в новой странице, которая открывается содержание является совершенным. Здесь это так, что у вас есть все части головоломки.

[HttpPost] 
[Authorize] 
public PartialViewResult AddSubtitle(Subtitle sub) 
{ 
    Recipe realRecipe = db.Recipes.Find(sub.IDRecipe); 

    if ((Guid)Membership.GetUser().ProviderUserKey == realRecipe.IDUser || User.IsInRole("Admin")) 
    { 
     sub.Order = realRecipe.Subtitles.Count + 1; 
     if (sub.Name != null && sub.Name != "") 
     { 
      realRecipe.Subtitles.Add(sub); 
      db.SaveChanges(); 
     } 
     else 
      ModelState.AddModelError("", "Le nom de la catégorie ne peut pas être vide!"); 

     return PartialView("_SubtitleList", Utils.GetListIngredientAndSubtitle(realRecipe.IDRecipe, realRecipe.Subtitles)); 
    } 
    else 
     return PartialView("_SubtitleList", null); 
} 

Кто-нибудь может мне помочь?

Answer 1

Справа ваша страница ведет себя так, как будто нет ajax, потому что ненавязчивый сбой. Убедитесь, что вы обновить версию Microsoft.jQuery.Unobtrusive.Ajax - более старые версии используют метод устаревшим .live(), как уже упоминалось, но новый обновляется с .on()

Установка:

PM> Install-Package Microsoft.jQuery.Unobtrusive.Ajax 

Project site. Последняя версия 2.0.30506.0 работает отлично с jQuery 1.9.1 для меня. Дополнительная помощь NuGet из их документов на http://docs.nuget.org/.