Estoy haciendo un menú de migas de pan y he conseguido hacer que funcione para Mozilla
y Chrome
mostrando solo los últimos 3 registros, pero al llegar a Internet Explorer 11
me dice al depurarlo "No se puede obtener la propiedad 'breadcrumb' de referencia nula o sin definir". He estado mirando información y he visto que jquery
le da problemas a la gente con Iexplorer
. He probado poniendo el meta que se comporte como edge
y el tema de la caché ponerla en false, pero nada funcionó, si se le ocurre alguna idea a alguien se lo agradecería un montón, un saludo.
$(document).ready(function(){
bindEventToNavigation();
showBreadCrumb(); //Show the breadcrumb when you arrive on the new page
});
function showBreadCrumb(){
$("#breadcrumb").html(sessionStorage.breadcrumb);
}
function bindEventToNavigation(){
$.each($("#navigation_links > li > a"), function(index, element){
$(element).click(function(event){
breadcrumbStateSaver($(this).attr('href'), $(this).text());
showBreadCrumb();
});
});
}
function breadcrumbStateSaver(link, text) {
if (typeof (Storage) != "undefined") {
if (sessionStorage.breadcrumb) {
if (sessionStorage.contador) {
// Se convierte el contador a entero porque por defecto es una cadena
sessionStorage.contador = parseInt(sessionStorage.contador) + 1;
} else {
sessionStorage.contador = 1;
}
var breadcrumb = sessionStorage.breadcrumb;
var breadcrumb2 = new String(breadcrumb);
var posicion = breadcrumb.indexOf(">> ");
if (sessionStorage.contador>=3){
fijo2 = sessionStorage.breadcrumb.substr(posicion+3, breadcrumb2.length)/*+" "+breadcrumb2.substr(posicion, breadcrumb2.length)*/;
sessionStorage.breadcrumb = fijo2+ "<a href='" +link + "'>" + text + "</a>"+">> ";
}
else{
sessionStorage.fijo=breadcrumb2;
sessionStorage.breadcrumb = breadcrumb + " <a href='" +
link + "'>" + text + "</a>"+">> ";
}
}
else {
sessionStorage.breadcrumb = "<a href='" + link + "'>" + text + "</a>"+">> ";
}
}}
document.addEventListener("DOMContentLoaded", function(event) { //aquí el código });
sessionStorage
no está habilitado y debes habilitarlo, creo que se hace desde:Tools>Internet Options>Advanced
y ahí chequearEnable DOM storage
. Para confirmar si es eso, comenta la línea y pon un alert en su lugar. Dado que el identificador y lo que quieres guardar se llaman igual, no sabemos si es que no está reconociendo el elemento HTML o si es un problema desessionStorage
en sí. Por eso no conviene nunca llamar dos cosas con el mismo nombre, es confuso.