Скрипты не работают при частичном просмотре после вызова Ajax
Я вызвал скрипты на странице _Layout.cshtml, и моя страница Index.cshtml имеет частичное представление об этом. Таким образом, при загрузке страницы сценарии SignalR отлично работают при частичном просмотре, в конце страницы я делаю еще один запрос ajax и загружаю частичное представление с другими данными, заполненными этим, и встраиваем в уже отображаемые данные, а затем SignalR не работает на вновь внедренном запись.
Это мой код страницы индекса:
<div class="col-md-6">
<div class="profile-body">
<div class="row infinite-scroll">
@Html.Partial("_AlbumRow", Model)
</div>
</div>
</div>
Это мой частичный код просмотра:
@model IEnumerable<SmartKids.Lib.Core.ViewModels.FileMediaAlbumsVM>
@foreach (var item in Model)
{
<div class="widget">
<div class="block rounded">
<img src="@Url.Content(item.ImageUrl)" alt="@item.Title">
<input type="button" data-image-id="@item.imageId" class="btn btn-sm btn-default">Like</input>
</div>
</div>
}
Пожалуйста, помогите мне, как решить эту проблему, что после выполнения запроса AJAX я не могу заставить работать эти SignalR. Здесь можно сказать больше, когда я помещаю скрипты SignalR в PartialView, который работает, но он также сосет, что при каждом запросе ajax снова загружается SignalR на страницу, и когда я нажимаю кнопку LIke, она делает много вызовов функции, стоящей за ней. Пожалуйста, помогите мне решить эту проблему, я застрял в этой точке с 1 недели.
Вот код сигналаR:
$(".btn.btn-sm.btn-default").on("click", function () {
var imageId = $(this).attr("data-image-id");
albumClient.server.like(imageId);
});