Question

尝试在自定义wordpress主题中使用freewall，我只是不断变为空白屏幕。

尝试使用flex-layout并在我的模板中使用代码：

        <script type="text/javascript">

        var temp = "<div class='brick' style='width:{width}px;'><img src='/uploads/TFC/{index}.jpg' width='100%'></div>";
        var w = 1, h = 1, html = '', limitItem = 21;
        for (var i = 0; i < limitItem; ++i) {
            w = 1 + 3 * Math.random() << 0;
            html += temp.replace(/\{width\}/g, w*150).replace("{index}", i + 1);
        }
        $("#freewall").html(html);

        var wall = new Freewall("#freewall");
        wall.reset({
            selector: '.brick',
            animate: true,
            cellW: 150,
            cellH: 'auto',
            onResize: function() {
                wall.fitWidth();
            }
        });

        var images = wall.container.find('.brick');
        images.find('img').load(function() {
            wall.fitWidth();
        });

    </script>

网址对于图片是正确的并且已经过测试。 JS加载在functions.php中：

wp_enqueue_script( 'freewall-js', get_template_directory_uri() . '/bootstrap/js/freewall.js',  array( 'jquery' ) );

也已经在headers.php中了：

    <?php wp_enqueue_script("freewall-js"); ?>

仍然不知道为什么它不起作用。我检查了控制台，唯一的线索是这条线有错误：

$("#freewall").html(html);

它说这不是一个功能。知道如何解决这个问题吗？

Wordpress - 使用freewall.js显示空白

0 个答案: