Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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
Jquery 动态导航中的水平线_Jquery_Css_Menu_Navigation_Jstree - Fatal编程技术网

Jquery 动态导航中的水平线

Jquery 动态导航中的水平线,jquery,css,menu,navigation,jstree,Jquery,Css,Menu,Navigation,Jstree,我需要使用jQuery库开发一个垂直导航菜单,这将为它提供treeview功能。我遇到的问题是,菜单需要是多行的(即每个锚点上的单词换行:normal),并且有水平线穿过。我尝试过的每一种方法都会使treeview显示的行出现异常或打开/关闭图标不正确。我还需要IE6+兼容性 我将jsTree jQuery库用于treeview,并将自己的CSS应用于混合。我尝试了4种不同的方法让它工作,但是。在Firefox或IE8中查看会产生最好的效果,但其他浏览器也有各种问题。您尝试过吗 #leftnav

我需要使用jQuery库开发一个垂直导航菜单,这将为它提供treeview功能。我遇到的问题是,菜单需要是多行的(即每个锚点上的单词换行:normal),并且有水平线穿过。我尝试过的每一种方法都会使treeview显示的行出现异常或打开/关闭图标不正确。我还需要IE6+兼容性

我将jsTree jQuery库用于treeview,并将自己的CSS应用于混合。我尝试了4种不同的方法让它工作,但是。在Firefox或IE8中查看会产生最好的效果,但其他浏览器也有各种问题。

您尝试过吗

#leftnav li {
    border-bottom: 1px solid #FFF;
}

它只是每个
  • 条目底部的基本白色边框。这很简单,但我可能就是这么做的。根据您对背景色的选择,您可能需要改变边框颜色。您甚至可以在定义
  • 标记的每个级别的样式和背景时执行此操作。

    不幸的是,使用底部边框会产生与我尝试的其他解决方案相同的问题。主要问题是让它们出现在每个列表项下,同时仍然保留子项的缩进。我目前的解决方法是删除所有列表项的填充/边距,然后缩进子图标和锚点,但是8之前的IE浏览器确实不喜欢这种方法。