Question

所以我想尝试完成一个多级下拉列表。我只获得一个级别而第二级没有出现。我不确定我错过了什么。这就是我所拥有的：

png("test.png")
plot(Sepal.Length ~ Species, iris)
dev.off()

# Strip metadata with an imagemagick command: convert input_file -strip output_file  
system("convert test.png -strip test.png")

我正在使用自举3.3.4并且只获得AFC for Dropdown并且内部只有AFC South出现。没有子菜单。任何帮助都会很棒。谢谢。我也在使用bootswatch spacelab

Answer 1

我希望这就是你要找的东西^^

<div class="container">
 <div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">AFC
    <span class="caret"></span></button>
  <ul class="dropdown-menu">
   <li><a tabindex="-1" href="#">AFC South</a></li>
   <li class="dropdown-submenu">
    <a class="test" tabindex="-1" href="#">New dropdown <span class="caret"></span></a>
    <ul class="dropdown-menu">
     <li><a tabindex="-1" href="#">2nd level dropdown</a></li>
     <li><a tabindex="-1" href="#">2nd level dropdown</a></li>
     <!--<li class="dropdown-submenu">
            <a class="test" href="#">Another dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">3rd level dropdown</a></li>
              <li><a href="#">3rd level dropdown</a></li>-->
    </ul>
   </li>
  </ul>
 </div>
</div>

$(document).ready(function() {
 $(".dropdown-submenu a.test").on("click", function(e) {
  $(this)
   .next("ul")
   .toggle();
  e.stopPropagation();
  e.preventDefault();
 });
});

JSFiddle

Answer 2

以下是我发现测试它的工作，现在我只需要使用JS动态编写它。

@Cacheable("usersCache")
@Transactional(readOnly = true)
@Override

Answer 3

HTML

input_list = [ '11,2019', '12,2019' ]

# initialize variable for storing the result
output_list = []

# loop through every item in the input list
for item in input_list:

    # split each item of list by comma
    split_str = item.split( ',' )

    # convert split list of strings to int
    split_int = list( map( int, split_item ) )

    # store result to variable
    output_list.append( split_int )

# convert list to numpy (optional)
output_array = numpy.array( output_list )

CSS

        <div class="collapse navbar-collapse" id="conference-dropdowns">

            <ul class="nav navbar-nav">

                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">AFC <span class="caret"></span></a>
                    <ul class="dropdown-menu">

<!--                    submenu-->
                        <li class="dropdown-submenu">
                            <a class="submenu" data-toggle="dropdown" href="#">AFC South <span class="caret"></span></a>
                            <ul class="dropdown-menu">

                                <li class="dropdown-submenu">
                                    <a class="submenu" data-toggle="dropdown" href="#">Colts <span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Red </a></li>
                                    </ul>
                                </li>

                            </ul>
                        </li>
<!--                    submenu || -->

                    </ul>
                </li>

            </ul>
        </div>

Codepen: Bootstrap 3 dropdown multilevel caret up

引导程序3.3.4中的多级下拉列表

3 个答案: