创建一个小的jQuery插件

Question

我创建了这个插件，以便更轻松地解决应用程序。

以下是链接：http://jsfiddle.net/X5Squ/

我的问题是它总是只使用其中一个元素，请不要编辑数据和数据5函数，因为这些函数完全适用于其他部分，但我需要使用名为jtoggle的函数来工作。

任何帮助非常感谢！感谢。

Answer 1

$(document).ready(function (){$('.jtoggle').jtoggle(true);});

您是否尝试过使用.each？我认为问题在于它没有传递DOM元素数组。我在创建插件方面缺乏经验，但通过执行以下操作似乎可以轻松避免这种情况：

$(document).ready(function (){
    $('.jtoggle').each(function(){
        $(this).jtoggle(true);
    });
});

（这也意味着你可以安全地删除你在jtoggle中拥有的。）

Answer 2

在你的插件中，你应该对每个匹配的元素进行操作，然后返回所有匹配的元素，以便maintain chainability：

$.fn.jtoggle = function (addUnderline) {
    return this.each(function () {
        // Do what you need on this matched element

    });
};

维持可连接性意味着我们可以做以下事情：

$(".jtoggle").jtoggle(true).addClass("xyz");