Question

我在页面上使用插件颜色选择器，页面上有ajax事件，其中元素将在没有页面加载的情况下刷新，因此渲染颜色选择器也不起作用，因为它不是“实时”绑定的。所以只适用于第一次加载。

我知道如何实现绑定事件，例如点击，更改等等，但我不知道如何绑定到插件？

所以我的代码看起来像这样：

$('.box').ColorPicker();

任何帮助表示赞赏！

Answer 1

如果是这种情况，一旦元素可用，你需要动态附加事件..

<div class="colorpicker">
    <div class='box'>Color</div>
</div>

<input type="button" id="btn1" value="Add New Color Picker" />    

$(function() {
    // Adding the Default colorPicker here
    $('.box').ColorPicker();

    $('#btn1').on('click' , function(){
        // Add the ColorPicker to the new Element added Here

        $('.colorpicker').append('<div class="box1">New Color</div>');
        $('div div').last().ColorPicker();

    });        
});

尝试这种方法..

Answer 2

这就是你要找的东西

哦，并使用.on api。如果你热衷于：What's wrong with the jQuery live method?

希望它符合您的需求:)

<强>码

$(document).on('click', '.box', function(){
      $(this).ColorPicker();
});

Answer 3

以下是ColorPicker网站的简单答案。

$('#ColorPicker').ColorPickerSetColor(color);

使用ajax更新时遇到了同样的问题。

Answer 4

您还可以通过superlive插件实时绑定插件。注意我没有使用此插件的经验，但它看起来很时髦。

https://code.google.com/p/jquery-superlive/

jQuery你如何LIVE绑定一个jQuery插件

4 个答案: