jq 问题，ajax 提交事件后，触发两次内容。是为什么？

Question

上面是点击事件触发后 console.log() 显示信息.这个是 js 的所有代码，请各位有时间的朋友帮忙看看，谢谢。

Answer 1

代码用贴图，对手机端用户不太友好哈。加之没有给HTML结构部分的代码，可能会忽略掉部分问题～

代码上没看出有明显的问题，但个人不建议each和事件(本例中是click)连用，这种需求一般用事件代理去解决吧；另外是用户触发操作(本例中是click)和ajax也不建议直接写一起，一般都会加个防抖或者标志位作为限制，以避免用户短时间内的重复触发。另外好像没看到使用场景的说明？移动端的click倒是有个300ms延时重复触发，跟你这个有点像……

Answer 2

$.each(obj, function() { obj = $(this) }) 这里虽然对结果没多大影响，但是这种写法在读程序的时候会容易混淆。function 内部建议还是声明新的局域变量 const $obj = $(this) 比较好。

从代码来看看不出来什么问题，所以

1. 确定是 Ajax 造成的问题？用简单的 console.log(1)、console.log(2) 来跟踪一下分支看看结果如何

2. DisplayVluae() 是不是还有别的地方调用？

Answer 3

可能还触发了默认事件