He llamado scripts en la página _Layout.cshtml y mi página Index.cshtml tiene una vista parcial. Entonces, en la carga de la página, los scripts de SignalR funcionan perfectamente en la vista parcial, al final de la página hago otra solicitud ajax y cargo la vista parcial con otros datos completados e incrustados en los datos ya mostrados, y luego el SignalR no funciona en el recién incrustado grabar.

Este es mi código de página de índice:

<div class="col-md-6">
    <div class="profile-body">            
        <div class="row infinite-scroll">
            @Html.Partial("_AlbumRow", Model)
        </div>
    </div>
</div>

Este es mi código de vista parcial:

@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>
}

Por favor, ayúdenme a resolver este problema que después de hacer una solicitud ajax no puedo hacer que esos SignalR funcionen. Aquí hay más que decir cuando pongo los scripts de SignalR en PartialView que funciona, pero también apesta que en cada solicitud ajax hay nuevamente SignalR cargado en la página y cuando hago clic en el botón Me gusta hace muchas llamadas a la función detrás de él. Amablemente ayúdenme a resolver este problema, estoy atrapado en este punto desde hace 1 semana.

Aquí está el código signalR:

        $(".btn.btn-sm.btn-default").on("click", function () {
            var imageId = $(this).attr("data-image-id");
            albumClient.server.like(imageId);
        });