Скрипты не работают при частичном просмотре после вызова 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);
        });

Ответы на вопрос(1)

Ваш ответ на вопрос