Question

我正在尝试制作一个动态轮播，我希望从 data.newer 中获取数据，从我的 node.js 服务器引用的数据库中获取数据，并将其显示在轮播上，但它没有发生，轮播未显示在页面上。

这是html：

<div id="firstcar" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators"></ol>
                    <div class="carousel-inner"></div>
                </div>

和 javascript（我将它放在文档的 </body> 结束标记之前）：

<script>
        $(document).ready(function(){  
            for(let novo of data.newer) {
                $('<div class="carousel-item bg-carousel"><img class="d-block w-100 img-carousel" src="/img/'+novo.imagem_p+'"><div class="carousel-caption d-none d-md-block"></div><p>'+novo.titulo+'</p></div>').appendTo('.carousel-inner');
            }
            $('#firstcar').carousel();
            $('.carousel-item').first().addClass('active');
        });
    </script>

经过非常有用的评论后，我查看了开发控制台并发现以下错误：jquery.slim.min.js:2 Uncaught ReferenceError: data is not defined at HTMLDocument.<anonymous> ((index):42) at e (jquery.slim.min.js:2) at t (jquery.slim.min.js:2) 和警告：jQuery.Deferred exception: data is not defined

错误中的 (index).42 指的是该行（在此问题的 javascript 代码中）：for(let novo of data.newer) {

有了这个，我认为问题可能出在：我使用 for 语句的方式，或者我试图获取数据的方式（比如错误的引用或其他东西）。对于这两个可能的问题，我都找不到解决方案。

使用 javascript 的动态引导程序 4 轮播

0 个答案: