执行.click(函数()只需先点击

Question

我.click(function()只是在第一次点击时尝试执行,但它总是在点击时执行.

当点击它的作品.more-post-button将添加类loading来.main ul并show-more-post以.main li该删除后级loading上的setTimeout功能7秒.

JS:

$(".more-post-button").click(function () {

  $('.main ul').addClass('loading');
  $('.main li').addClass('show-more-post');
  setTimeout(function(){
    $('.main ul').removeClass('loading');
  },7000);

});

我的问题是如何只在第一次点击时这样做,而不是每次点击.
提前致谢.

Answer 1

尝试:

$(".more-post-button").one("click", function () {

  $('.main ul').addClass('loading');
  $('.main li').addClass('show-more-post');
  setTimeout(function(){
    $('.main ul').removeClass('loading');
  },7000);
});

http://api.jquery.com/one/

它只处理一次.

Answer 2

为什么把事情复杂化，尝试一个简单的闭包。您也不会污染全局名称空间！演示在这里

(function(){
'use-strict';

var button = document.getElementsByTagName('button')[0];
var myHandler = function() {
    var click = 0;
    return function() {
        if(click === 0) {
            alert('single click');
        }
        click++;
    }
}();


button.addEventListener('click', myHandler, false);
})();