Вызов функции javascript на обратном вызове OnSuccess Ajax.actionlink?

Question

Я использую MVC5. Я загружаю изображения из списка, используя Unobtrusive Ajax.ActionLink(). Вот пример кода: -

<ul class="list-group list-unstyled lists"> 
@foreach (var item in Model) 
{ 
<li> 
@Ajax.ActionLink(@item.Name, 
     @item.Action, 
     "Home", 
     new {id = @item.Id }, 
     new AjaxOptions 
     { 
      UpdateTargetId = "divImage", 
      InsertionMode = InsertionMode.Replace, 
      HttpMethod = "GET", 
      OnSuccess = "enableZoom" 
     }) 
</li> 
} 
</ul> 

Обратный вызов OnSuccess Я вызываю функцию «enableZoom». Он работает до тех пор, пока он находится в теге скрипта на странице просмотра. Но когда я перемещаю функцию enableZoom в файл custom.js, обратный вызов OnSuccess не может найти или вызвать его.

<script> 
    function enableZoom() { 
     $("#divImage").zoom({ 
      on: "grab", 
      magnify: "1" 
     }); 
    } 
</script> 

PS: Мой custom.js файл успешно загружается (подтверждено через поджигатель) и custom.js имеет другие функции тоже, и что работает. Любая подсказка/помощь будет оценена по достоинству?

Answer 1

Попробуйте использовать следующее в отдельном файле js. Поскольку вы используете функции Jquery, вы хотите быть уверенным, что JQuery загружен перед вашим Js-файлом.

MyNamespace = {} || MyNamespace(); 
MyNamespace.EnableZoom = function() { 
    $("#divImage").zoom({ 
      on: "grab", 
      magnify: "1" 
     }); 
}; 

Вы должны быть в состоянии назвать эту функцию MyNamespace.EnableZoom()

OnSuccess = "MyNamespace.EnableZoom"

Дайте ему попробовать. Удачи.