js 代码监听了多次，怎么解决？

Question

这段代码监听了多次

$(document).on('click', '#temp4 li', function(){
     // my codes
});

这是html，我只要监听一次，怎么解决？

Answer 1

你的方法没错(下图)，但你为啥要给li加href？这很不规范呀

在当前页面测试如下：

Answer 2

jquery 貌似有个 once 方法 .. ，或者可以增加一个判断：

let once = true;
$(document).on('click', '#temp4 li', function(){
     if (!once) {
         return ;
     }
     
     // do something...
     once = false;
});