绑定事件触发时执行了多次

Question

我写了如下的代码:

function wrap(){
           $('.major').on('click',function(){
                    alert('1');
           });
};
$('#btn').on('click',wrap);

想实现当点击#btn按钮然后再点击.major时弹出1,但是这样写后,当多次点击#btn按钮然后再点击.major后会弹出多次1,请问这是怎么回事?难道通过on绑定多次,触发的时候就会执行多次吗?
那我该如何改进呢?

Answer 1

这是因为你每点击一次#btn就为.major绑定了一次click事件用object.onclick=function(){};这种格式只执行最后一次绑定