C# MVC, частично отображается как новая страница не внутри div

Question

Существует уже много похожих ответов, но я не нашел решения для меня. Вот почему здесь моя ситуация.

Когда я возвращаю частичное, он возвращается как новая страница, а не внутри div.

Тет, как выглядит мое действие контроллера.

public ActionResult AddNewDutyTime(string id) 
    { 
     try 
     { 
      return PartialView("_DutyTimeView", TimesheetHoursPageHelper.AddNewDutyTime(id)); 
     } 
     catch (Exception) 
     { 
      return new HttpStatusCodeResult(HttpStatusCode.InternalServerError); 
     } 
    } 

---

Ниже приводится ссылка действие

@Ajax.ActionLink(
"Add Duty", 
"AddNewDutyTime", 
"Timesheets", 
new {Model[i].Id}, 
new AjaxOptions 
{ 
    HttpMethod = "POST", 
    InsertionMode = InsertionMode.Replace, 
    UpdateTargetId = dutyTimeId, 
    OnSuccess = "$('#btnAddDuty" + Model[i].Id + "').prop('disabled', false)" 
}, 
new 
{ 
    id = "btnAddDuty" + Model[i].Id, 
    area = "Client", 
    @class = "btn btn-primary", 
    onclick = "$('#btnAddDuty" + Model[i].Id + "').prop('disabled', true)" 
}) 

---

здесь ДИВ обновить

<div id="@dutyTimeId" class="col-lg-12 top10"> 
    @{ Html.RenderPartial("_DutyTimeView", Model[i].DutyTimes); } 
</div> 

---

ошибок в консоли, и ЮНОБ trosive.js присутствует. chrome dev tools

Перед нажатием на ссылку действий link

и после клика link

Спасибо.

Answer 1

У меня была такая же проблема, что у меня только что была установлена ​​jQuery.Unobtrusive.Ajax от nuget от this link это добавит jquery.unobtrusive-ajax.min.js в папку сценария, я просто ссылаюсь на нее, и это все работает нормально.

My MVC версия 5.0.0.0 для другой версии, пожалуйста, найти this ссылку, чтобы загрузить jquery.unobtrusive-ajax.min.js

Кроме того, убедитесь, что ненавязчивый JavaScript включен в вашем web.config (это должно быть по умолчанию).

<add key="UnobtrusiveJavaScriptEnabled" value="true" />