Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么引导转盘滑块不能工作_Html_Twitter Bootstrap 3 - Fatal编程技术网

Html 为什么引导转盘滑块不能工作

Html 为什么引导转盘滑块不能工作,html,twitter-bootstrap-3,Html,Twitter Bootstrap 3,当我运行我的旋转木马时,图像会在五秒钟后自动旋转,但当我单击左右滑块时,图像不会滑动,当我向下滚动以单击指示灯时,也不会发生任何事情屏幕只是像滞后一样上下滚动,任何建议 我的代码是: 头衔 标题 头衔 标题 头衔 标题 头衔 标题 以前的 下一个 谢谢, Jeff从其余幻灯片中删除class=“active”,但首先你应该看完,所以本质上应该是 <li class="active" data-target="#home-carousel" data-slide-to="0"

当我运行我的旋转木马时,图像会在五秒钟后自动旋转,但当我单击左右滑块时,图像不会滑动,当我向下滚动以单击指示灯时,也不会发生任何事情屏幕只是像滞后一样上下滚动,任何建议

我的代码是:


  • 头衔 标题

    头衔 标题

    头衔 标题

    头衔 标题

    以前的 下一个
    谢谢, Jeff

    从其余幻灯片中删除
    class=“active”
    ,但首先你应该看完,所以本质上应该是

     <li class="active" data-target="#home-carousel" data-slide-to="0"></li>
                    <li  data-target="#home-carousel" data-slide-to="1"></li>
                    <li data-target="#home-carousel" data-slide-to="2"></li>
                    <li  data-target="#home-carousel" data-slide-to="3"></li>
    

  • 也许您忘了链接
    jQuery
    和引导库

    并仅在一个li内使用active

    <ol class="carousel-indicators">
                    <li class="active" data-target="#home-carousel" data-slide-to="0"></li>
                    <li class="" data-target="#home-carousel" data-slide-to="1"></li>
                    <li class="" data-target="#home-carousel" data-slide-to="2"></li>
                    <li class="" data-target="#home-carousel" data-slide-to="3"></li>
                </ol>
    
    
    

  • 因此,我自己的旋转木马按钮正在工作,我可以看到您的代码和我的代码之间有几个明显的差异(见下文)。我指的是按钮回到旋转木马,我有一个定义的“按钮”卷。希望有帮助

    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
    </a>
    
    
    
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
    </a>