
導航菜單
代碼并沒有問題
但有二級菜單的欄目旁邊出現兩個下拉箭頭,代碼里并沒有兩個
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>` 標簽。
各種清理緩存,系統更新都還是 兩個下拉圖標
自己檢查是否循環(huán)的時候有重復加載,或者js問題,和系統沒啥關系,要不就是你標簽沒有閉合,仔細檢查
回復@小魚兒
神奇 JS里 有這句 :
$('.head_nav li').each(function () {
if ($(this).find('ul').length > 0) {
$(this).children('a').append("<b></b>")
}
})
只加一個B
不知道什么原因執(zhí)行一次后又執(zhí)行一次,導致主菜單出現兩個箭頭
搞不懂,于是加個判斷已經有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>");
}
});
回復@Joe88 直接把這代碼注釋掉 還有么?