Javascript jQuery阻止函数在单击时复制

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

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

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

        function(hex, hsv, rgb) {

        });
});

这很好，但每次我点击.wrap时，它都会重复，请检查演示以查看问题。有没有办法解决这个问题

演示：

在框中单击以查看问题

谢谢。

与其每次单击元素时都使用on来触发此事件，只需使用一次即可：

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

ColorPicker将从那里接管并处理自己的事件

.

与其每次单击元素时都使用on来触发此事件，只需使用一次即可：

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

ColorPicker将从那里接管并处理自己的事件

.

您可以使用

您可以使用