Javascript 类在Jquery中不起作用

我的类指针一旦被单击就无法工作。我正在尝试创建一个删除按钮，但当我单击我需要的类时，它不工作或不做任何事情。问题发生在我的代码第143行左右，标签上写着“问题”，现在它只显示console.log，但即使这样也不行。createTable（）函数是在Javascript底部的最后一个td中创建类的地方（如果有帮助的话）。任何帮助都非常感谢

var名称；
变量年龄；
变异性别；
风险人；
var flagOne；
第二名；
第三名；
var数组=[]；
var指数；
createTable（）；
/*模态脚本*/
$（'.left'）。单击（函数（）{
名称=$（“#名称”）.val（“”）；
年龄=$（“#年龄”）.val（“”）；
性别=$（“#性别”）.val（“”）；
$（'.form row:first child'）.css（'border'，'0'）；
$（'.form行：第n个子（2）'）.css（'border'，'0'）；
$（'.form行：第n个子（3）'）.css（'border'，'0'）；
if（$（'td>a.delete'）.css（'opacity'）==1）{
$（'.modal wrapper'）.css（'display'，'none'）；
}
否则{
$（'.modal wrapper'）.css（'display'，'block'）；
$（'.modal'）。设置动画({
不透明度：1，
marginTop:“-117px”
},500);
}
});
$（'.fa times'）。单击（函数（）{
$（'.modal wrapper'）.css（'display'，'none'）；
名称=$（“#名称”）.val（“”）；
年龄=$（“#年龄”）.val（“”）；
性别=$（“#性别”）.val（“”）；
$（'.modal'）。设置动画({
不透明度：0，
marginTop:“-250px”
});
});
$（'.modal background'）。单击（函数（）{
$（'.modal wrapper'）.css（'display'，'none'）；
名称=$（“#名称”）.val（“”）；
年龄=$（“#年龄”）.val（“”）；
性别=$（“#性别”）.val（“”）；
$（'.modal'）。设置动画({
不透明度：0，
marginTop:“-250px”
});
});
/*验证*/
$（“#按钮”）。单击（函数（）{
flagOne=假；
flagTwo=假；
flagThree=假；
name=$（“#name”）.val（）；
年龄=$（“#年龄”）.val（）；
性别=$（“#性别”）.val（）；
if（name.match（/^（[a-zA-Z]{2,15}\s[a-zA-Z]{2,15}）/）{
flagOne=真；
}
否则{
flagOne=假；
}
如果（年龄<0 | |年龄>130 | |伊斯南（年龄）| |年龄=“”）{
flagTwo=假；
}
否则{
flagTwo=真；
}
如果（性别==“男性”| |性别==“男性”| |性别==“女性”| |性别==“女性”）{
flagThree=真；
}
否则{
flagThree=假；
}
如果（flagOne==false | | flagTwo==false | | flagThree==false）{
if（flagOne==false）{
$（'.form row:first child'）.css（'border'，'3px solid red'）；
}
否则{
$（'.form row:first child'）.css（'border'，'0'）；
$（'.form row:first child'）.css（'border-bottom'，'3px solid red'）；
}
如果（flagTwo==false）{
$（'.form行：第n个子（2）'）.css（'border-right'，'3px solid red'）；
$（'.form行：第n个子（2）'）.css（'border-left'，'3px solid red'）；
}
否则{
$（'.form行：第n个子（2）'）.css（'border'，'0'）；
}
如果（flagThree==false）{
$（'.form行：第n个子（3）'）.css（'border'，'3px solid red'）；
}
否则{
$（'.form行：第n个子（3）'）.css（'border'，'0'）；
$（'.form行：第n个子（3）'）.css（'border-top'，'3px solid red'）；
}
}
else if（flagOne==true&&flagTwo==true&&flagThree==true）{
$（'.modal wrapper'）.css（'display'，'none'）；
$（'.modal'）。设置动画({
不透明度：0，
marginTop:“-250px”
});
storeObject（）；
}
});
/*删除按钮*/
$（'.right'）。单击（函数（）{
if（$（'td>a.delete'）.css（'opacity'）==1）{
$（'td>a.delete'）.css（'opacity'，'0'）；
}
else if（$（'td>a.delete'）.css（'opacity'）==0）{
$（'td>a.delete'）.css（'opacity'，'1'）；
}
});
/*问题*/
$（'.delete'）。单击（函数（）{
控制台日志（“heelo”）；
});
/*数组创建*/
函数storeObject（）{
职能人员（姓名、年龄、性别）{
this.name=name；
这个。年龄=年龄；
这个。性=性；
}
人员=新人员（姓名、年龄、性别）；
数组。推（人）；
testArray（）；
}
/*测试阵列*/
函数testArray（）{
if（array.length==8）{
createTable（）；
警报（'达到表格限制！'）；
}
else if（array.length>8）{
array.pop（）；
警报（“行太多！”）；
}
否则{
createTable（）；
}
}
/*表创建*/
函数createTable（）{
var table=“名称▲年龄▲性”；
for（var i=0；i0）{
表+=“”+数组[i]。名称+“”；
表+=“”+数组[i]。年龄+“”；
表+=“”+数组[i]。性别+“”；
}
}
表+=”；
document.getElementById（“tablePrint”）.innerHTML=表格；
}

委托

事件

如下。这是必需的，因为在注册事件时，HTML还不在DOM中

$(document).on("click", ".delete", function(){
    console.log("heelo");
});

---

对于其他事件也是如此。

委托

事件

如下。这是必需的，因为在注册事件时，HTML还不在DOM中

$(document).on("click", ".delete", function(){
    console.log("heelo");
});

对于其他事件也是如此。

use.on（）方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始，.on（）方法提供附加事件处理程序所需的所有功能

$( ".left" ).on( "click", function() {  
      console.log( $( this ).text() );
});

或

更多详细信息：

use.on（）方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始，.on（）方法提供附加事件处理程序所需的所有功能

$( ".left" ).on( "click", function() {  
      console.log( $( this ).text() );
});

或

---

更多详细信息：

您的HTML是动态创建的。。。因此，您必须使用委托事件处理程序—看到了，我必须使用$（''）.on（'click'）？try$（document）.on（'click'，“#button”，function（）{//blah..blah..}），如果您使用的是最新版本的jquery，因为您已经动态生成了元素（button）@KalebMeeks-不完全是这样，但你正在接近我们的HTML是动态创建的…所以你必须使用