jquery - jsonを使用した基本同位体

Question

私は初心者で、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);
        });

間違っている可能性があることは明らかですか？

Answer 1

The $.container call was made at the wrong time, needed to be called after the JSON was ready.