我的partialView完成加载之前运行的JS文件

Question

我的PartialView中运行着一个Js文件：

（在我的部分内容中）

我在DevExtreme元素中添加了该类：

@(Html.DevExtreme().Button()
    .ID($"{baseId}CategoryNew")
    .ElementAttr(
    new
    {
        @class = "CategoryNew",
    })
    .Icon("add"))

但是在我的js文件中，我试图在按钮上添加一个事件（按类）：

$(".CategoryNew").click(function () {
    alert('test');
});

并且不起作用，因为尚未准备好我类别为CategoryNew的元素，我该如何解决此“错误”。

谢谢

Answer 1

https://learn.jquery.com/using-jquery-core/document-ready/

您需要等到浏览器完全加载页面后才能尝试添加事件处理程序，否则，您将尝试在将元素添加到DOM之前添加它们。 $(document).ready()是一个jQuery函数，需要在页面完全加载后执行代码回调。

$(document).ready(function(){
  $(".CategoryNew").click(function() {
    alert('test');
  });
});

Answer 2

实际上，这种方法我不知道为什么，在我的代码中不起作用，例如，如果在我的js文件中放置一个简单的alert('test');，则警报会在所有元素创建之前显示