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

Question

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

我知道如何实时绑定事件，例如单击、更改...等，但我不知道如何实时绑定到插件？

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

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

任何帮助表示赞赏！

Answer 1

这是你想要的

哦，使用.onapi。如果你热衷于：jQuery live 方法有什么问题？

希望能满足你的需要:)

代码

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

Answer 2

如果是这种情况，您需要在元素可用后即时附加事件..

<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 3

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

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

Answer 4

这是来自 ColorPicker 网站的简单答案。

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

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