Question

我正在使用模板为建筑公司设计网页。 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");
    }

使用此预写脚本可以正常运行该文件。但是当我尝试为新的id添加以下行时＃34;第四人称＆＃34;我在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");
    }

html页面变得无响应。如果可能的话，请告诉我可能存在的问题和解决方案

Answer 1

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

//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

app.js文件如果被编辑则停止工作

1 个答案: