页面加载后的 Jquery .On()

Question

 function jpPlayClick(){
      $('.jp-type-playlist .jp-playlist-item').off('click', jpPlayClick);
      //Code stuff
  };

这是我之前的内容:$('.jp-type-playlist .jp-playlist-item').on('click', jpPlayClick);

只需运行一次就可以了。但是，我需要在页面完全加载时执行此操作，而不是使用

$(document).on("click", '.jp-type-playlist .jp-playlist-item', function () {
            jpPlayClick();
});

但是这个过程每次都会运行，而不是一次。正确的语法是什么？

Answer 1

如果您只想执行一次，请使用.one()。

The .one() method is identical to .on(), except that the handler is unbound after its first invocation.

— jQuery's .one() Documentation

$(document).one("click", '.jp-type-playlist .jp-playlist-item', function () {
    jpPlayClick();
});

不过，您需要将其放置在 jpPlayClick 函数之外，否则每次调用时都会重新创建此事件处理程序。