从数据属性初始化 JQuery 插件？答案

【问题标题】：Initialize JQuery plugin from data attributes?从数据属性初始化 JQuery 插件？
【发布时间】：2016-01-03 21:15:18
【问题描述】：

您可以在没有任何 javascript 的情况下初始化引导下拉菜单。您也可以手动初始化它。

我创建了一个 JQuery 插件，并将我的所有默认值和选项与 $.extends 合并。

var settings = $.extend(true, {}, defaults, options, $self.data());

我的插件像任何普通插件一样被初始化。

$('ul.dropdown.users-list').awesomeplugin({/* ... */});

什么是让它自动初始化的正确方法，但如果手动初始化它也不会重复，就像引导下拉菜单的工作方式一样？

例如，我知道我可以这样做：

$(function(){
 $('[data-myawesomeplugin]').each(function(){
     $(this).myawesomeplugin();
 });
});

但是如果有人决定手动初始化，初始化不会发生两次吗？

【问题讨论】：

【解决方案1】：

页面加载（或任何其他必需的依赖加载）后，您可以选择所有必需的元素（使用 jquery 选择器）并初始化它们。此外添加某种对象池来存储所有已初始化的对象。在对象初始化期间，您可以检查该对象是否已经初始化，如果是，则只需返回该对象而不创建任何新对象。唯一对象的识别和获取旧对象完全取决于您的用例。

【讨论】：