
導(dǎo)航菜單
代碼并沒有問題
但有二級(jí)菜單的欄目旁邊出現(xiàn)兩個(gè)下拉箭頭,代碼里并沒有兩個(gè)
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}
定義了下拉圖標(biāo) content:'\f107'
但為什么菜單出現(xiàn)兩次下拉圖標(biāo),模板引擎生成的 HTML 代碼上**。
* 模板引擎可能在生成菜單項(xiàng)的 HTML 時(shí),錯(cuò)誤地添加了多余的 `<b>` 標(biāo)簽。
各種清理緩存,系統(tǒng)更新都還是 兩個(gè)下拉圖標(biāo)
自己檢查是否循環(huán)的時(shí)候有重復(fù)加載,或者js問題,和系統(tǒng)沒啥關(guān)系,要不就是你標(biāo)簽沒有閉合,仔細(xì)檢查
回復(fù)@小魚兒
神奇 JS里 有這句 :
$('.head_nav li').each(function () {
if ($(this).find('ul').length > 0) {
$(this).children('a').append("<b></b>")
}
})
只加一個(gè)B
不知道什么原因執(zhí)行一次后又執(zhí)行一次,導(dǎo)致主菜單出現(xiàn)兩個(gè)箭頭
搞不懂,于是加個(gè)判斷已經(jīng)有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>");
}
});
回復(fù)@Joe88 直接把這代碼注釋掉 還有么?