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

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

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

$(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%'
    }));
});

---

我想这可以写得更好？

您可以使用

$扩展您的公共参数。extend

：

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

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

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

---

您可以使用

$扩展公共参数。扩展
：

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

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

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

您可以扩展设置

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

$(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%'
    }));
});

您可以扩展设置

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

$(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%'
    }));
});