我可以让我的jQuery工作时，我把它添加到HTML文件。然而，我希望onclick函数触发变化通过jQuery和它不工作，任何想法为什么?
let startButton = document.getElementById("start-button");
startButton.onclick = () => {
if (currentlyPlaying === false) {
gameInitiate()
}
$('document').on('click', function(){
$(this).css('background-color', 'red');
})
};
你需要在DOM加载后执行JS代码。因此，您需要将<script />标记放在</body>之前引用它，或者您可以将其放在<head>中，但您需要将JS代码包装在文档中。准备好了处理程序。
关于代码本身，请注意，如果您在页面中包含了JS库，则最佳实践是在其使用上保持一致。此外，您不应该嵌套事件处理程序，并且$('document')需要是$(document)。说了这么多，试试这个:
jQuery($ => { // <- document.ready handler
$('#start-button').on('click', e => {
if (!currentlyPlaying) {
gameInitiate();
}
});
let $doc = $(document).on('click', () => {
// perhaps check if currentlyPlaying is true here?
$doc.css('background-color', 'red');
});
});