导航菜单
代码并没有问题
但有二级菜单的栏目旁边出现两个下拉箭头,代码里并没有两个
css也没问题
.nav_wrap .head_nav>li>a>b:after{font-family:'fontawesome';font-size:20px;content:'\f107';vertical-align:middle;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
定义了下拉图标 content:'\f107'
但为什么菜单出现两次下拉图标,模板引擎生成的 HTML 代码上**。
* 模板引擎可能在生成菜单项的 HTML 时,错误地添加了多余的 `<b>` 标签。
各种清理缓存,系统更新都还是 两个下拉图标
神奇 JS里 有这句 :$('.head_nav li').each(function () { if ($(this).find('ul').length > 0) { $(this).children('a').append("<b></b>") }})
只加一个B
不知道什么原因执行一次后又执行一次,导致主菜单出现两个箭头
搞不懂,于是加个判断已经有B就不加B,然后就好了。
$('.head_nav li').each(function () { if ($(this).find('ul').length > 0 && $(this).children('a').find('b').length === 0) { $(this).children('a').append("<b></b>"); }});