Jquery 引导转盘不';t带负载启动,带悬停的滑动停止

Jquery 引导转盘不';t带负载启动,带悬停的滑动停止,jquery,twitter-bootstrap,hover,slider,carousel,Jquery,Twitter Bootstrap,Hover,Slider,Carousel,我有这个HTML代码。整个部分位于id=“主滑块”中。旋转木马不会滑动,除非我点击箭头,然后它就可以正常工作了。我面临的另一个问题是,滑块是一个完整的页面滑块。默认情况下,引导在悬停时停止滑动。我不希望这种影响发生。为了解决这两个问题,我使用jQuery函数来覆盖它,但似乎什么都不起作用。在Github和这个地方花了6个小时阅读并尝试了几乎所有内容后,最终决定在这里寻求帮助 <section id="main-slider"> <div class="carou

我有这个HTML代码。整个部分位于id=“主滑块”中。旋转木马不会滑动,除非我点击箭头,然后它就可以正常工作了。我面临的另一个问题是,滑块是一个完整的页面滑块。默认情况下,引导在悬停时停止滑动。我不希望这种影响发生。为了解决这两个问题,我使用jQuery函数来覆盖它,但似乎什么都不起作用。在Github和这个地方花了6个小时阅读并尝试了几乎所有内容后,最终决定在这里寻求帮助

    <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> <!-- /container -->
      </div> <!-- /item active -->
    <!--I have 3 more similar rows-->
    </div> <!-- carousel ends -->

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
    <script>
    $(function(){
    $('#main-slider.carousel').carousel({
        interval: 2000,
        pause: false
        });
    });
   </script>


  • 您是否尝试过使用
    data-
    attributes方法而不是使用Javascript初始化器?e、 g

    <div class="carousel slide wet-asphalt" data-ride="carousel" data-interval="2000" data-pause="false">
    
    
    

    不要忘记删除Javascript初始化器。

    您是否尝试过使用
    数据-
    属性方法而不是使用Javascript初始化器?e、 g

    <div class="carousel slide wet-asphalt" data-ride="carousel" data-interval="2000" data-pause="false">
    
    
    

    别忘了删除Javascript初始化器。

    您可以在JSFIDLE或codepen上设置它,这样我们就可以看到一个“正在工作”的示例它似乎可以使用。请在这里找到链接,自动滑动现在可以正常工作了。。在结尾包含了这个JavaScript。。仍然面临鼠标悬停的滑块停止问题(整页滑块网站)。。(函数(){$(“#主滑块”).carousel();})();您的JSFIDLE标记和javascript与上面的明显不同。请务必遵循引导文档()中关于如何小心设置旋转木马的说明,这是使其开始工作的最佳方法。然后,您可以根据需要对其进行样式设置。您可以在JSFIDLE或codepen上设置此选项,以便我们可以看到一个“工作”示例它似乎可以使用此选项。请在这里找到链接,自动滑动现在可以正常工作了。。在结尾包含了这个JavaScript。。仍然面临鼠标悬停的滑块停止问题(整页滑块网站)。。(函数(){$(“#主滑块”).carousel();})();您的JSFIDLE标记和javascript与上面的明显不同。请务必遵循引导文档()中关于如何小心设置旋转木马的说明,这是使其开始工作的最佳方法。然后,您可以根据需要从那里对其进行样式设置。