Bootstrap轮播中的轮播指示器不在Sharepoint中工作

Question

我正在将Bootstrap轮播提供给Sharepoint Content Query webpart。它运行良好，因为webpart从SharePoint中的自定义列表中引入数据（感谢此post），但轮播指示器不起作用。请注意，横幅两侧的下一个和上一个按钮正在工作。

任何人都可以看到这部分代码有什么问题吗？

<div id="bootstrap-carousel" class="carousel slide" data-ride="carousel">

<ol class="carousel-indicators">
 <xsl:for-each select="$Rows">
 <xsl:variable name="position">
 <xsl:value-of select="position()"/>
 </xsl:variable>
 <xsl:choose>
 <xsl:when test="position() = 1">
 <li class="active" data-target="#bootstrap-carousel" data-slide-to="{$position}"></li>
 </xsl:when>
 <xsl:otherwise>
 <li data-target="#bootstrap-carousel" data-slide-to="{$position}"></li>
 </xsl:otherwise>
 </xsl:choose>
 </xsl:for-each>
 </ol>
<div class="carousel-inner" role="listbox">
  <xsl:for-each select="$Rows">
  <xsl:call-template name="OuterTemplate.CallItemTemplate"/>
 </xsl:for-each>
 </div>



 <a class="left carousel-control" href="#bootstrap-carousel" role="button" data-slide="prev"><span class="fa fa-chevron-left"> </span></a>
  <a class="right carousel-control" href="#bootstrap-carousel" role="button" data-slide="next"><span class="fa fa-chevron-right"> </span></a>


 </div>