作者:越野之族_205 | 来源:互联网 | 2023-09-11 19:43
$(function(){ $('[data-toggle="tooltip"]').tooltip(); $(".side-nav .collapse").on("hide.bs
$(function(){
$('[data-toggle="tooltip"]').tooltip();
$(".side-nav .collapse").on("hide.bs.collapse",function()
{
$(this).prev().find(".fa").eq(1).removeclass("fa-angle-right").addClass("fa-angle-down");
});
$('.side-nav .collapse').on("show.bs.collapse",function()
{
$(this).prev().find(".fa").eq(1).removeclass("fa-angle-down").addClass("fa-angle-right");
});
})
我有一个侧面导航栏,其中的菜单包含子菜单项。我必须使用jquery在菜单项上单击时动态添加子菜单项,但它对我不起作用。
我想使用jquery(类似于onclick函数)单击菜单,并动态添加列表项。
我有array = [submenu1,submenu2,submenu3],并希望使用jquery将其附加到我的菜单子项中。
对您的append()
使用
。
它可能看起来像:
array.forEach(function(item,index){
let newSubMenu = document.createElement("li");
let textCOntent= document.createTextNode(item);
newSubMenu.appendChild(textContent);
$('#submenu-1').append(newSubMenu );
});
或者您可以选择将HTML模板存储为字符串并追加
array.forEach(function(item,index){
let newSubMenu = ` ${item}`
$('#submenu-1').append(newSubMenu );
});