Question

我正在创建我的第一个jQuery插件。

var defaults = {
    breakpoint: {
        width: 1920,
        target: "",
        place: "after"
    }
}

这是我的默认选项。我想接受几个断点。像Slick carousel的响应：选项。

$( "a" ).move({
    breakpoint: {
        width: 1800,
        target: "p",
        place: "after"
    },
    breakpoint: {
        width: 1500,
        target: "p",
        place: "after"
    }
});

当我尝试这样做时，我只得到最后一个断点信息（宽度为1500的断点）。

如何正确声明我的默认数组以接受用户想要的多个数组？

Answer 1

使用断点数组将是一个更好的解决方案而不是提供单个对象

$( "a" ).move({
    breakpoints: [{
        width: 1800,
        target: "p",
        place: "after"
    }, {
        width: 1500,
        target: "p",
        place: "after"
    }]
});

Answer 2

如果断点是一个数组，则应将其格式化为：

var defaults = {
    breakpoints: [
        {
            width: 1920,
            target: "",
            place: "after"
        }
    ]
}

和

我正在创建我的第一个jQuery插件。

var defaults = { 断点：{ 宽度：1920，目标：＆＃34;＆＃34;，地点：＆＃34;＆＃34; } } 这是我的默认选项。我想接受几个断点。像Slick carousel的响应：选项。

$( "a" ).move({
    breakpoint: [
        {
            width: 1800,
            target: "p",
            place: "after"
        },
        {
            width: 1500,
            target: "p",
            place: "after"
        }
    ]
});

jQuery插件接受数组作为选项

2 个答案: