Question

我正在尝试为我的主页创建网格样式布局，每次用户加载页面时都会提取随机信息。我已经创建了该功能，但甚至无法显示它的墙壁项目。

这是我正在使用的代码。请指出我正确的方向，我将能够解决它，但我现在找不到我的问题。

$(function() {

                        var temp = "<div class='bubble eventBrick' id='{brickID}' style='width:{width}px; height: {height}px;'><div class='rectangle' style='background: {ribbonColor};'><h2>{brickInfo}</h2></div><div class='triangle-l'><div class='info' style='border-color: transparent {triColor} transparent transparent;'></div> <!-- Left triangle --></div>";
                        var w = 1, h = 1, html = '', limitEventItem = 16, podcastBrick = 1, longBrick = 3;
                        var wallBricks = [
                            'podBrick',
                            'longBrick',
                            'trackBrick',
                            'newsBrick',
                            'socialBrick',
                            'photoBrick'
                        ]

                        var wallBrickList = new Array();
                        var total = limitEventItem;


                        var trackBrickLimit = 3;
                        var newsBrickLimit = 3;
                        var socialBrickLimit = 3;
                        var photoBrickLimit = 3;


            var eventWall = new freewall("#eventWall");
            eventWall.reset({
            selector: '.eventBrick',
            animate: true,
            cellW: 156.5,
            cellH: 136,
            delay: 15,
                            gutterX: 24,
                            gutterY: 10,
            onResize: function(){
                eventWall.fitZone();
            }
            });
                        for (t = 0; t <= trackBrickLimit; t++){
                            h = 1;
                            w = 1;
                            html += temp.replace(/\{height\}/g, h*100).replace(/\{width\}/g, w*100).replace("{brickInfo}", "Track Item").replace("{ribbonColor}", "#7f9db9").replace("{triColor}", "#7f9db9");
                            $("#eventWall").html(html);
                            html = '';
                        }

                        for (n = 0; n <= newsBrickLimit; n++) {
                            h = 1;
                            w = 1;
                            html += temp.replace(/\{height\}/g, h*100).replace(/\{width\}/g, w*100).replace("{brickInfo}", "News Item").replace("{ribbonColor}", "#FF9933").replace("{triColor}", "#FF9933");
                            $("#eventWall").html(html);
                            html = '';
                        }

                        for (s = 0; s <= socialBrickLimit; s++) {
                            h = 1;
                            w = 1;
                            html += temp.replace(/\{height\}/g, h*100).replace(/\{width\}/g, w*100).replace("{brickInfo}", "Social Item").replace("{ribbonColor}", "#3366FF").replace("{triColor}", "#3366FF");
                            $("#eventWall").html(html);
                            html = '';
                        }

                        for (p = 0; p <= photoBrickLimit; p++) {
                            h = 1;
                            w = 1;
                            html += temp.replace(/\{height\}/g, h*100).replace(/\{width\}/g, w*100).replace("{brickInfo}", "Photo Item").replace("{ribbonColor}", "#33FF00").replace("{triColor}", "#33FF00");
                            $("#eventWall").html(html);
                            html = '';
                        }
                    eventWall.fitZone((600), (815));

                    function randomList(total) {
                        var brickLimit = total;
                        var brickTotal = 0;

                        var news = Math.floor((Math.random()*4) +1);

                        brickTotal += news;

                        if (brickTotal <= 2) {
                            var social = Math.floor((Math.random()*4)+1);
                            var tracks = Math.floor((Math.random()*4)+1);

                            brickTotal = brickTotal + social + tracks;

                            if (brickTotal <= 10) {
                                extraBanner = 1;
                                var photo = brickTotal - total - 1;
                            } else {
                                    var photo = brickTotal - total - 1;
                            }

                            } else {
                            var social = Math.floor((Math.random()*3)+1);
                            var photo = Math.floor((Math.random()*3)+1);
                                var tracks = brickLimit - news - photo - social;
                            }

                        var brickCount = new Object()

                        brickCount[0] = track;
                        brickCount[1] = news;
                        brickCount[2] = social;
                            brickCount[3] = photo;

                        return brickCount;
                    }

        });

如果我错过了一个概念，请告诉我这个概念，我可以在那里了解更多和示例，以便我可以自己重做。

Answer 1

请检查选择器：

<div class='bubble {eventBrick}Brick'

和

选择器：＆＃39; .eventBrick＆＃39;，

插件Freewall，无法获得墙功能

1 个答案: