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
    }
};