add_action('wp_footer', 'advanced_disable_parent_menu_link');
function advanced_disable_parent_menu_link () {
wp_print_scripts('jquery'); ?>
<script type="text/javascript">
if (jQuery("ul li.page_item:has(ul.children)").length > 0) {
jQuery("ul li.page_item:has(ul.children)").hover(function () {
jQuery(this).children("a").removeAttr('href');
jQuery(this).children("a").css('cursor', 'default');
jQuery(this).children("a").click(function () {
return false;
});
});
} else if (jQuery("ul li.menu-item:has(ul.sub-menu)").length > 0) {
jQuery("ul li.menu-item:has(ul.sub-menu)").hover(function () {
jQuery(this).children("a").removeAttr('href');
jQuery(this).children("a").css('cursor', 'default');
jQuery(this).children("a").click(function () {
return false;
});
});
}
</script> <?php
}
També podríem llevar l’element <a> amb el següent codi Javascript, però hauríem d’ajustar el CSS:
<script>
jQuery(document).ready(function($) {
// Seleccionamos los elementos de menú que contienen "#" en su URL
$('li.menu-item a[href*="#"]').each(function() {
// Obtenemos el texto del elemento
var linkText = $(this).text();
// Reemplazamos el enlace por solo el texto
$(this).contents().unwrap();
$(this).parent('li.menu-item').html(linkText);
});
});
</script>