小编kal*_*eem的帖子

Bootstrap carousel 不会在加载时启动,滑动停止时悬停

我在 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)

jquery slider hover carousel twitter-bootstrap

0
推荐指数
1
解决办法
3872
查看次数

标签 统计

carousel ×1

hover ×1

jquery ×1

slider ×1

twitter-bootstrap ×1