我在 HTML 中有此代码。整个部分在 id="main-slider" 中。除非我单击箭头,否则轮播不会滑动,然后它就可以完美运行。我面临的另一个问题是滑块是整页滑块。默认情况下,引导程序在悬停时停止滑动。我不希望这种效果发生。为了解决这两个问题,我给了 jQuery 函数来覆盖它,但似乎没有任何效果。在花了 6 个小时阅读并尝试了 Github 和这个地方的几乎所有内容之后,终于决定在这里寻求帮助。
<section id="main-slider">
<div class="carousel slide">
<ol class="carousel-indicators ">
<li class="active" data-slide-to="0" data-target="#main-slider"></li>
<li data-slide-to="1" data-target="#main-slider"></li>
<li data-slide-to="2" data-target="#main-slider"></li>
<li data-slide-to="3" data-target="#main-slider"></li>
</ol>
<div class="carousel-inner">
<div class="item active" style="background-image: url(images/slider1.jpg)">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="carousel-content centered">
<div class="center" id="text-position"> <!-- self defined class in css-->
<h2></h2>
<p></p>
<a class="btn btn-md-primary></a>
</div> <!-- /center -->
</div> <!-- /carousel-content -->
</div> <!-- /col-sm -->
</div> <!-- /row -->
</div> …Run Code Online (Sandbox Code Playgroud)