javascript - 将对象传递给 Jquery 插件并迭代它们

Question

我写了一个 Jquery 日历插件。 现在我想学习向它传递参数，以更改日历的 View 。

$.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"}]);

希望这有帮助。