将Objekt传递给JqueryPlugin并遍历它们

时间:2015-05-06 14:22:12

标签: javascript jquery-plugins

我写了一个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总是只占用第一个对象。(因此插件不会显示时钟)。

我做错了什么?

1 个答案:

答案 0 :(得分: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"}]);

希望这有帮助。