相同的jquery函数，不同的设置

Question

我有两个相同的jquery函数，但设置不同。

$(document).ready(function() {
    $('.menu-link').bigSlide({
        'menu': ('#slide'),
        'side': 'right',
        'menuWidth': '28.585%'
    });
    $('.menu-link-wide').bigSlide({
        'menu': ('#slide'),
        'side': 'right',
        'menuWidth': '90%'
    });
});

我想这可以写得更好吗？

Answer 1

您可以使用$.extend扩展常用参数：

var param = { menu: '#slide', side: 'right' };

$('.menu-link').bigSlide($.extend({'menuWidth': '28.585%'}, param));

$('.menu-link-wide').bigSlide($.extend({menuWidth: '90%'}, param));

Answer 2

您可以扩展设置。

$(document).ready(function() {
    var defaults = {
        menu: '#slide',
        side: 'right'
    };
    $('.menu-link').bigSlide($.extend({}, defaults, {
        menuWidth: '28.585%'
    }));
    $('.menu-link-wide').bigSlide($.extend({}, defaults, {
        menuWidth: '90%'
    }));
});