我们正在使用teamsite CMS使用bootstrap开发导航栏。当我们在本地环境中使用HTML开发导航栏时,下拉列表工作正常。但是,当我们使用XSLT进行部署时,下拉列表不会出现。我们已尝试增加z-index等。但它不起作用。下拉列表是开启和关闭。内容不显示。有什么想法吗?
<xsl:param name="category" />
<nav class="navbar navbar-default" id="navbar" role="navigation" data-omni_group="top_nav_all">
<xsl:choose>
<xsl:when test="$category ='landing-page'">
<xsl:attribute name="class">navbar unmovable landing-shift-right</xsl:attribute>
</xsl:when>
<xsl:otherwise>
<xsl:attribute name="class">navbar navbar-default</xsl:attribute>
</xsl:otherwise>
</xsl:choose>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<div class="container">
<ul class="nav navbar-nav" id="nav-dropdown-buttons-group">
<li data-omni_link="find_vehicles" id="nav-find-vehicles" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="nav-icon-find-vehicles"><i class="icon icon-find-vehicles"></i></span>
<span data-omni_data="tile_position:2" class="nav-find-vehicles-text">Find Vehicles</span><b class="caret"></b>
</a>
<ul class="dropdown-menu" id="find-vehicles-dropdown">
<div class="container">
<div class="row marg-top-8-sm marg-bottom-8-sm" id="trow">
<div class="col-md-3">
<ul class="filters tabs list-unstyled">
<ul data-omni_link="cars-n-minivans" class="active">
<a href="#header-cars-n-minivans" id="bcol" data-toggle="tab" data-omni_data="" class="no-touch">Cars & Minivan<i class="icon icon-arrow-r"></i></a>
</ul>
<ul data-omni_link="trucks" class="active">
<a href="#header-trucks" id="bcol" data-toggle="tab" data-omni_data="" class="no-touch">Trucks<i class="icon icon-arrow-r"></i></a>
</ul>
<ul data-omni_link="suv" class="active">
<a href="#header-suv" id="bcol" data-toggle="tab" data-omni_data="" class="no-touch">SUV<i class="icon icon-arrow-r"></i></a>
</ul>
</ul>
</div>
</div>
</div>
</ul>
</li>
</ul>
</div>
</div><!-- /.navbar-collapse -->
</nav>
</xsl:template>