使用jQuery生成的HTML

我正在尝试将生成的HTML与jQuery一起使用，每当有人单击按钮test时，背景应该变为红色，但它不起作用。每当我点击我生成的按钮时，它都无法获得函数，我想知道如何才能让onclick正常工作

//生成的html $body.appendtest； //尝试将其与jquery一起使用 功能测试{ $body.css背景，红色； } 您需要对生成的HTML使用on函数，不能在加载文档后对添加的HTML使用简单的onClick等函数

// generated HTML
$("body").append("<button class='testButton'>Test</button>");

// trying to use it with jquery
$(document).on("click",".testButton",function(){
    $("body").css("background", "red");
})

此处的工作示例：

//生成的html $body.append； $test.html'Magic'； //在jquery中设置背景色 $test.clickfunction{ $body.csb背景色，红色； };

---

你有什么错误吗？它的作品good@JagjeetSingh每当我点击按钮，没有什么事情发生。但是没有错误。删除引号前面的反斜杠：$body.appendtest；你的代码可以工作。我把它放在一个片段中，这样你就可以在StackOverflow上运行它了。您是否忘记将jQuery添加到页面？这可能是加载顺序问题；如果将现有代码插入到文档正文中，则可以正常工作，但是如果包装在onload中，则找不到测试函数：为什么它不工作？有什么具体原因吗@Darrensweeneyoh，谢谢@DarrenSweeney。。。感激