jQuery实现只能点击一次

项目中会遇到只能点击一次，若再点击则失效

<ul id="footer">
	<li data-id="cat">cat</li>
	<li data-id="dog">dog</li>
	<li data-id="pig">pig</li>
	<li data-id="monkey">monkey</li>
</ul>

$("#footer li").one('click',function(e){
	console.log($(e.target))
	$(e.target).css({"color":"red","borderBottom":"4px solid cyan"})
})

看控制台输出，清晰可以看出，如果再次重复去点击同一元素则点击事件则失效