将对象传递给 Jquery 插件并遍历它们

Question

我写了一个 Jquery 日历插件。现在我想学习传递参数给它，改变日历的视图。

$.kalender({element: "#Clock", property: "display", value: "none"},{element:"#MainDiv", property:"width" ,value:"500px"});

这些是我传递给插件的对象。

;(function (namespace, $) {
$.extend({
    kalender: function (options) {

        //Use Parameter   

        if (options !== undefined) {
            $.each(options, function () {                
                $(options.element).css(options.property, options.value);
            });  
        }

Jquery 总是只获取第一个对象。（因此插件不显示时钟）。

我做错了什么？

Answer 1

您永远不会在 $.each 函数中访问 iteratee 对象。代码应该是：

 $.each(options, function (index, option) {                
        $(option.element).css(option.property, option.value);
    });

当你调用它时应该是：

$.kalender([{element: "#Clock", property: "display", value: "none"},{element:"#MainDiv", property:"width" ,value:"500px"}]);

希望对您有所帮助。

将对象传递给 Jquery 插件并遍历它们

Passing Objekt to JqueryPlugin and iterates through them

javascript

jquery-plugins