如何使xslt导航栏显示下拉列表

时间:2015-03-11 20:07:52

标签: jquery twitter-bootstrap twitter-bootstrap-3 xslt-1.0 navbar

我们正在使用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 &amp; 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>

0 个答案:

没有答案