从HTML中的data属性滑动滑块动态断点

Question

我想从HTML的data属性获取滑动器滑块的动态断点值。

这是我的代码：

<div class="slider" data-breakpoints="1" data-custom-breakpoints='{"429":"1", "767":"2"}'></div>

这是我的脚本，它不起作用：

var $t = $('.slider');

//breakpoints
breakpoints: ($t.data('breakpoints'))? $.each($t.data('custom-breakpoints'), function(key, value) {
    return key + ": {slidesPerView: " + value + '}';
}) : {},

这是滑块想要得到的：

breakpoints: {
    429 : {
        slidesPerView: 1
    },
    767 : {
        slidesPerView: 2
    }
}

我在做错什么吗？