.load之后未触发Javascript/JQuery函数

当用户单击我的ASP.NET应用程序中的“搜索”按钮时，将加载一个临时的“微调器”div。然后，当搜索（最终）完成时，微调器div的内容被

SubmitSearch

方法返回的HTML替换

$("#spinner").load("@Url.Action("SubmitSearch","Search")");

我还有一个JavaScript文件，加载到：

$(document).ready(function() {
    $(".card--result").hover(function () {
        alert("hover");
        $(this).css('cursor', 'pointer');
    });

    $(".card--result").click(function() {
        var url = $(this).attr('data-url');
        window.open(url, "_self");
    });
});

但是，问题是带有

card--result

类的div是新HTML的一部分，在

.load

方法成功后，新HTML被添加到页面中

如何注册

。悬停
和
。单击
函数，以便在新加载的HTML元素上实际触发它们？
您需要这样做

事件委派允许我们将单个事件侦听器附加到
父元素，该元素将为匹配
选择器，无论这些子体现在存在还是添加到
未来

对于光标部分，我想CSS就足够了

.card--result {
   cursor: pointer;
}

已经回答了时代的语气。
.card--result {
   cursor: pointer;
}