Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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
Javascript 如何在菜单下拉框中添加分隔符_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何在菜单下拉框中添加分隔符

Javascript 如何在菜单下拉框中添加分隔符,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要在下拉菜单中添加一个分隔符,因此我使用以下代码: <li class='divider'></li> 这是我的带有分隔符的html代码: <ul class="dropdown-menu dropdown-menu-right" id="ul_menu"> <li> <div class="col-md-10"> <input type="checkbox" name="aggiungidsfs

我需要在下拉菜单中添加一个分隔符,因此我使用以下代码:

<li class='divider'></li>
  • 这是我的带有分隔符的html代码:

    <ul class="dropdown-menu dropdown-menu-right" id="ul_menu">
      <li>
        <div class="col-md-10">
          <input type="checkbox" name="aggiungidsfsdf" checked=""> dsfsdf
        </div>
        <div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div>
      </li>
      <li>
        <div class="col-md-10">
          <input type="checkbox" name="aggiungiasdas"> asdas
        </div>
        <div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div>
      </li>
      <li>
        <div class="col-md-10">
          <input type="checkbox" name="aggiungicollaborativo"> collaborativo
        </div>
        <div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div>
      </li>
      <li>
        <div class="col-md-10">
          <input type="checkbox" name="aggiungiprivato"> privato
        </div>
        <div class="col-md-2"><i class="fa fa-lock fa-1" aria-hidden="true"></i></div>
      </li>
      <li>
        <div class="col-md-10">
          <input type="checkbox" name="aggiungicollabborativo"> collabborativo
        </div>
        <div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div>
      </li>
      <li class="divider"></li>
      <li>
        <a href="#" id="aggiungi_bookmarked"><i class="fa fa-fw fa fa-plus"></i>Aggiungi Bookmarked</a>
      </li>
    </ul>
    
    • dsfsdf
    • 阿斯达斯
    • 合作
    • 普里瓦托
    • 合作实验室

    但这段代码不起作用,因为我看不到分隔符。有人能帮我吗?

    您的代码中有问题
    是在li之后额外添加的

    ul,li{list style:none}
    .divider{边框底部:1px实心红色}
    • dsfsdf
    • 阿斯达斯
    • 合作
    • 私人合作

    • 您是否正在进行android编程?如果是,您可以转到xml文件,找到ListView并添加此行
      android:divider:#ffffffff


      “#ffffffff”
      可以用您喜欢的任何颜色的十六进制代码替换

      在哪里?完全显示您想要的html。我已经通过一个示例运行了您的代码,以使其更易于阅读。