Question

我正在尝试制作一个类似代码的插件，以便在可变元素中使用它，但我陷入了困境。首先看当前的代码

(function($){
                $.fn.dataTable = function(options){
                    var settings = $.extend({
                        color:"red"
                    }, options);
                    return this.css({
                        color:settings.color
                    });
                }
            }(jQuery));
            
            $('p').dataTable({
                color:"blue"
            });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>hello</p>

在上面的代码中，我成功地使用$ .extend来改变颜色，当我调用插件并且它正常工作但是我在调用插件时遇到了如何更改变量值的问题。

我尝试过这个但这不起作用

(function($){
    $.fn.dataTable = function(options){
        var settings = $.extend({
            var showInterval = 10,
            color:"red"
        }, options);
        return this.css({
            color:settings.color
        });
    }
}(jQuery));

$('p').dataTable({
    color:"blue",
    showInterval :20
});

我需要更改变量showInterval

的值

Answer 1

我想你想做：

var settings = $.extend({
    showInterval: 10,
    color:"red"
}, options);`

$.extend接受两个对象并合并它们。第一个的所有值都将被第二个中的值覆盖，如果它们可用的话。

使用$ .extend更改变量的值

1 个答案: