javascript - .one() 没有调用其他相同的实时组件

Question

我有以下 jquery .one() 代码:

$("<div class='one'>One</div>").appendTo("#mane");
$("<div class='one'>One</div>").appendTo("#mane");
$("<div class='one'>One</div>").appendTo("#mane");

$("#mane").one("click", ".one", function(event){
     alert(1);
});

为什么调用一次？不是每个项目一次？ 在文档中 .one()每个项目调用一次函数？

JSFiddle:http://jsfiddle.net/74cv9/

谢谢。

Answer 1

我不认为这个功能是内置的，所以你必须自己做:

$("#mane").on("click", ".one", function(event){
    if ( !$(this).data('clicked') ) {

        // do your stuff here, this .one element hasn't been clicked before



        $(this).data('clicked', true);
    }
});