I Use the SharePoint megamenu javascript solution for a while now. Works fine but all of a sudden it does not work anymore and gives me "Populatefromlist is not defined". I have no clue, did not change a thing.
Got my code from here:
http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/getting-started/
http://blog-aspc.azurewebsites.net/so-whats-on-the-megamenu/
This is my code:
<link href="https://blabla.sharepoint.com/script/css/skins/black.css" rel="stylesheet" type="text/css" /><script src="https://blabla.sharepoint.com/script/jquery-1.11.1.min.js"></script><script src="https://blabla.sharepoint.com/script/js/jquery.hoverIntent.minified.js"></script><script src="https://blabla.sharepoint.com/script/js/jquery.dcmegamenu.1.3.3.js"></script><script>
$(document).ready(function () {
var topmenuClass = '.ms-core-listMenu-horizontalBox';
$(topmenuClass + ' .ms-hidden').html('');
$(topmenuClass + ' ul li a span').not('[class="ms-navedit-editLinksIconWrapper"]').replaceWith(function () {
return $(this).html();
});
$(topmenuClass + ' a').each(function () {
var title = $(this).html();
var strs = title.split("#");
if (strs.length > 1) {
$(this).html(strs[0]);
$(this).parent().attr('id', strs[1]);
PopulateFromList($(this).parent());
}
});
$(topmenuClass + ' .ms-core-listMenu-root').attr('id', 'mega-menu-tut');
$(topmenuClass + ' ul').removeClass();
$(topmenuClass + ' li').removeClass();
$(topmenuClass + ' a').removeClass();
$('#mega-menu-tut').removeClass().addClass('menu');
$(topmenuClass).removeClass();
$('#mega-menu-tut').wrap('<div id="kiosk-searcharea" class="dcjq-mega-menu" />');
$('#mega-menu-tut').dcMegaMenu({
rowItems: '5',
speed: 'slow',
effect: 'slide',
fullWidth: false
});
});
</script>Can someone put me in the right direction?
Thanks, Mike