0

我是一个菜鸟，正在尝试使用 JSON 提要实现同位素。

我可以让 div 以错误的布局显示，但是一旦我应用同位素代码，页面上就没有任何显示。

这是http://jsfiddle.net/ben_beek/ujX5G/

这是脚本：

        $(document).ready(function () {


        $.getJSON("library.json",


        function (data) {

            $.each(data.payload, function (u, v) {

                var string = v.title;
                var urltitle = string.replace(/ /g, '-');
                var desc = v.description;

                if (v.description === null) {
                    var desc = v.title;
                } else {
                    var length = 200;
                    var desc = desc;
                    var desc = desc.substring(0, length);
                    var desc = desc.concat('...');
                }


                $("#container").append('<div class="item"><a href="http://beek.co/guide/' + v.id + '--' + urltitle + '"><img src="http://cdn.beek.co/' + v.thumbName + '" "width="200" height="200" /></a><p    align="center">' + desc + '</p></div>')
            });
        });


        $('#container').isotope({
            itemSelector: '.item',
            layoutMode: 'fitRows'
        });

    });



        $('#container').isotope({
            filter: '.my-selector'
        }, function ($items) {
            var id = this.attr('id'),
                len = $items.length;
            console.log('Isotope has filtered for ' + len + ' items in #' + id);
        });

有什么明显的可能是错误的吗？

4

1 回答 1

0

$.container 调用是在错误的时间进行的，需要在 JSON 准备好后调用。

于 2013-10-29T02:03:09.637 回答