JS 绑定click事件点击一次执行两次

今天遇到一个问题，页面对按钮绑定click事件如下代码，每次点击一次后，click事件执行了两次。

$("#rest").click(function(){
	console.log('rest...');
});

1.首先想到了这个按钮事件是不是绑定了多次？
整个页面全局搜索这个按钮绑定的事件只有这一个，不放心改了按钮Id，结果还是这样，很郁闷。为了死心，在每次绑定click事件前先取消对按钮的所有click事件绑定，如下代码:

$("#rest").unbind('click').click(function(){
	console.log('rest...');
});

结果还没解决这个问题，找了很久没有找到原因…

2.换个思路，在按钮上绑定事件

<button id='rest' onclick='RestFun()'></button>

function RestFun(){
	console.log('rest...');
}

这种写法点击一次只会执行一次方法，上面的问题解决了。