javascript - jQuery 代码仅在第二次单击后才起作用

Question

我正在使用一个 jQuery 插件，它具有以下运行配置:

$('#colorSelector').ColorPicker({

});

但是，我需要将其添加到使用 jQuery 动态添加的 div 中，因此我使用以下内容:

$(document).on('click', '#colorSelector', function(){

    $(this).ColorPicker({

    });

});

使用上面的方法，它可以工作，但只有在点击几次后才有效。第一次点击时它不起作用。我怎样才能让它在第一次点击时起作用。

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

Answer 1

动态添加 div 后，立即对其调用 ColorPicker，否则您需要单击一次来激活代码(如您在演示中看到的那样)。