Bootstrap 4 引导转盘未从第一张图像滑动,在Blazor应用程序中加载速度非常慢

Bootstrap 4 引导转盘未从第一张图像滑动,在Blazor应用程序中加载速度非常慢,bootstrap-4,carousel,blazor-webassembly,image-loading,Bootstrap 4,Carousel,Blazor Webassembly,Image Loading,在单击“下一张”或“上一张”按钮/或指示灯之前,旋转木马不会从一张图片滑动到下一张图片。单击其中任何一个按钮一次后,它正常工作 这是我的密码: index.html文件中的引导扩展名: <!--bootstrap JS extensions--> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6Hppc

在单击“下一张”或“上一张”按钮/或指示灯之前,旋转木马不会从一张图片滑动到下一张图片。单击其中任何一个按钮一次后,它正常工作

这是我的密码:

index.html文件中的引导扩展名:

  <!--bootstrap JS extensions-->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
我通过imageset参数将字符串列表中的图像URL(存在于CDN中)传递给组件,这就是我在MainLayout.razor中加载Carousel组件的方式:

 <CarouselBlock imageset="@CDNImages" OnCarouselLoadComplete="DisplayPanelChanged" /> 

图像加载很慢,并显示一个过渡,就像加载一些动画一样,从上到下。 请告诉我是否可以在Blazor中预加载图像,并帮助我避免加载这些图像时的延迟,并自动滑动第一个图像。

function SlideImages(){$(“.carousel”).carousel({interval:2000});console.log(“滑动图像”);}
CarouselBlock.razor中的此函数调用将通过以下错误执行。blazor.webassembly.js:1 crit:Microsoft.AspNetCore.Components.webassembly.Rendering.WebAssemblyRenderer[100]未处理的异常呈现组件:$(…)。旋转木马不是函数类型错误:$(…)。旋转木马不是函数
 <CarouselBlock imageset="@CDNImages" OnCarouselLoadComplete="DisplayPanelChanged" />