jQuery访问插件作为变量

Question

这对您来说应该很容易。 我前一段时间做了一个插件，却忘记了如何将插件设置为变量，然后再使用它。 我认为我的代码可以帮助您了解我在说什么。

var $bgcolourpicker1 = $('div.bgcolour1').bpcolourpicker(
    {
        returncolour: bgcolour1,
        cssposition: 'relative'
    });

因此，控件已建立，但在任何给定时间，我可能都想像这样重新设置属性。

$('div.bgcolour2').bpcolourpicker({ returncolour: bgcolour1 });

那行得通，但是我敢肯定，例如可以使用变量$ bgcolourpicker1来完成。

$bgcolourpicker1.bpcolourpicker({ returncolour: bgcolour1 });

有人知道这是否可以做到吗？ 我确定我之前看过它。

谢谢

Answer 1

我相信这种情况下的通用设计会看起来像这样：

var $bgcolourpicker1 = $('div.bgcolour1').bpcolourpicker({
    returncolour: bgcolour1,
    cssposition: 'relative'
});

$bgcolourpicker1.bpcolourpicker('updateSettings', { returncolour: bgcolour2 });

然后，您可能会使用带有jQuery对象的data （在本例中$('div.bgcolour1')保存插件的实例，并且如果将第一个参数传递给函数，则为String而不是要执行的对象使用现有实例。

在您的情况下，您甚至可以跳过该方法，只是检查是否已在此对象上调用了插件：

$.fn.bpcolourpicker = function(settings) {
    return $(this).each(function(i, e) {
        if ($(e).data('bpcolourpicker'))
            // … use the one you have already
        else
            // … regular plugin execution
    }
};