Javascript 如果对app.js文件进行编辑，该文件将停止工作

我正在使用模板为一家建筑公司设计一个网页。html文件使用名为app.js的js文件。每当我编辑js文件时，整个html页面都会变得无响应，就好像js文件一开始就不存在一样。下面是app.js文件中的代码

//animate first team member
jQuery('#first-person').bind('inview', function (event, visible) {
    if (visible == true) {
        jQuery('#first-person').addClass("animated pulse");
    } else {
        jQuery('#first-person').removeClass("animated pulse");
    }
});

//animate sectond team member
jQuery('#second-person').bind('inview', function (event, visible) {
    if (visible == true) {
        jQuery('#second-person').addClass("animated pulse");
    } else {
        jQuery('#second-person').removeClass("animated pulse");
    }
});

//animate thrid team member
jQuery('#third-person').bind('inview', function (event, visible) {
    if (visible == true) {
        jQuery('#third-person').addClass("animated pulse");
    } else {
        jQuery('#third-person').removeClass("animated pulse");
    }

该文件可以很好地使用这个预先编写的脚本。但当我尝试为我在html文件中创建的新id“第四个人”添加以下行时

 //animate fourth team member
 jQuery('#fourth-person').bind('inview', function (event, visible) {
    if (visible == true) {
        jQuery('#fourth-person').addClass("animated pulse");
    } else {
       jQuery('#fourth-person').removeClass("animated pulse");
    }

---

html页面将变得无响应。请告诉我可能的问题和解决方案（如果可能）

我可以看到至少两个语法问题，您没有关闭第三人称和第四人称元素的事件绑定。它们应该是这样的：

//animate fourth team member
 jQuery('#fourth-person').bind('inview', function (event, visible) {
    if (visible == true) {
        jQuery('#fourth-person').addClass("animated pulse");
    } else {
       jQuery('#fourth-person').removeClass("animated pulse");
    }
 }); // <-- This is missing

//设置第四个团队成员的动画
jQuery（“#第四人称”）.bind（'inview'，函数（事件，可见）{
如果（可见==真）{
jQuery（“#第四人称”）.addClass（“动画脉冲”）；
}否则{
jQuery（“#第四人称”）.removeClass（“动画脉冲”）；
}
}); //  我可以看到至少两个语法问题，您没有关闭第三人称和第四人称元素的事件绑定。它们应该是这样的：

//animate fourth team member
 jQuery('#fourth-person').bind('inview', function (event, visible) {
    if (visible == true) {
        jQuery('#fourth-person').addClass("animated pulse");
    } else {
       jQuery('#fourth-person').removeClass("animated pulse");
    }
 }); // <-- This is missing

//设置第四个团队成员的动画
jQuery（“#第四人称”）.bind（'inview'，函数（事件，可见）{
如果（可见==真）{
jQuery（“#第四人称”）.addClass（“动画脉冲”）；
}否则{
jQuery（“#第四人称”）.removeClass（“动画脉冲”）；
}
}); // 您的HTML中是否有
#第四人称
元素？console中有什么错误？您是否检查了console中的语法错误，因为我认为这是语法错误。您的HTML中是否有
#第四人称
元素？console中有什么错误？您是否检查了console中的语法错误，因为这看起来像语法错误对我来说是个错误。哇，非常感谢。。真不敢相信我陷入了一个简单的语法问题。代码和js文件工作正常：）不客气！以后，只需尝试查看浏览器控制台（F12）中记录的内容。它总会给你一些关于这个问题的提示。。真不敢相信我陷入了一个简单的语法问题。代码和js文件工作正常：）不客气！以后，只需尝试查看浏览器控制台（F12）中记录的内容。它总会给你一些关于这个问题的提示。