如何将 JSON 工厂传递到函数中

Question

我正在使用 https://github.com/GBKS/Wookmark-jQuery 进行一些动态布局，我还在窗口调整大小时附加了一个函数：

var $windowWidth = $window.width();
var options = {
        itemWidth: 100, 
        autoResize: true, 
        container: $('#tiles'), 
        offset: 5, 
        outerOffset: 0, 
        flexibleWidth: '30%' 
    };
if ($windowWidth >= 768 && $windowWidth <= 1200) {
    options.itemsize = 200;
    options.offset = 7;
} else if ($windowWidth > 1200) {  
    options.itemsize = 300;
    options.offset = 10;
}
$('#tiles li').woodmark(options); <-- this is fine

但是我想创建一个函数来返回属性：

function getOptions() {
    var $windowWidth = $(window).width();
    var sizes = {
       itemsize: 100,
       offset: 5,
       autoResize: true, 
       outerOffset: 0,
       flexibleWidth: '30%' 
       }; 
    if ($windowWidth >= 768 && $windowWidth <= 1200) {
        sizes.itemsize = 200;
        sizes.offset = 7;
    } else if ($windowWidth > 1200) {
        sizes.itemsize = 300;
        sizes.offset = 10;
    }
   return sizes;
}
$('#tiles li').wookmark(getOptions); <-- doesn't work
$('#tiles li').wookmark(function() { getOptions }); <-- doesn't work

Wookmark中的所有代码示例都是作为jQuery插件完成的，正常的断点在Chrome Inspector中不起作用。

Answer 1

你需要.wookmark()传递一个对象，而不是一个函数。 调用时，getOptions()返回一个对象。 当你做$('#tiles li').wookmark(getOptions);时，插件不知道如何处理你传递给它的函数，它想要一个对象。

试试这个：

$('#tiles li').wookmark(getOptions());