Gostaria de fazer um filtro dentro do sub-menu, filtrando o próprio menu conforme vai digitando vai exibindo os relacionados.
A ideia seria semelhante a este link. No final do meu menu tem o sub-menu chamado de loja ou adm.
Gostaria de fazer um filtro dentro do sub-menu, filtrando o próprio menu conforme vai digitando vai exibindo os relacionados.
A ideia seria semelhante a este link. No final do meu menu tem o sub-menu chamado de loja ou adm.
Você pode criar um filtro desse tipo:
$('#filter').on('keyup', function(){
var dataFilter = $(this);
var valorBusca = dataFilter.val();
var contaLetras = valorBusca.length;
if (contaLetras >= 1) {
filterData(valorBusca);
} else {
$('.navbar-nav li a').parent().show();
}
function filterData(data) {
$('.navbar-nav li a').each(function(iIndex, sElement) {
$(sElement).parent().hide();
if (sElement.innerHTML.indexOf(data) !== -1) {
$(sElement).parent().show();
}
});
}
function retiraAcentos(palavra) {
var com_acento = 'áàãâäéèêëíìîïóòõôöúùûüçÁÀÃÂÄÉÈÊËÍÌÎÏÓÒÕÖÔÚÙÛÜÇ';
var sem_acento = 'aaaaaeeeeiiiiooooouuuucAAAAAEEEEIIIIOOOOOUUUUC';
var nova='';
for(i=0;i<palavra.length;i++) {
if (com_acento.search(palavra.substr(i,1))>=0) {
nova+=sem_acento.substr(com_acento.search(palavra.substr(i,1)),1);
}
else {
nova+=palavra.substr(i,1);
}
}
return $.trim(nova).toLowerCase();
}
});
Aqui está o JSFiddle: http://jsfiddle.net/ivanferrer/1L8Lc86s/1/
Aqui tema versão completa: http://jsfiddle.net/ivanferrer/1L8Lc86s/5/
contains
. Só que ele é case sensitive, usar olowercase
como você fez não vai ajudar.