javascript - jQuery 防止函数在点击时重复

Question

我只想在单击其父元素时启动一个插件(因为该元素附加了 jQuery，因此在页面加载时它不存在)，所以我正在尝试以下代码:

$(document).on('click', '.wrap', function(){
    ColorPicker(

        document.getElementById('slider'),
        document.getElementById('picker'),

        function(hex, hsv, rgb) {

        });
});

这工作正常，但每次我点击 .wrap 时，它都会重复(请检查演示以查看问题)。有办法解决吗？

演示: http://jsfiddle.net/rhzzG/

(点击方框查看问题)

谢谢。

Answer 1

与其在每次单击元素时使用 on() 触发此事件，不如使用 jQuery's one() method只触发一次:

$(document).one('click', '.wrap', function(){ ... });

ColorPicker 然后将接管那里处理它自己的事件。

JSFiddle demo .