Ciao ho provato a fare qualche ricerca all'interno della sezione prima di postare, spero di non essermi perso un post sull'argomento.
Ho creato una pagina html che comprende un semplice menu di navigazione e ho pensato di separare il codice del menu di navigazione dal resto delle pagine html, importandolo tramite una qualche funzione. Ho fatto qualche ricerca in rete e ho visto che è possibile farlo tramite Jquery eppure non capisco quale errore banale io stia commettendo. Potreste spiegarmi dove sto sbagliando?
La pagina index:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script >
$(document).ready(function() {
$('#navi').load('navi.html');
});
</script>
<link rel="stylesheet" type="text/css" href="css/menu.css">
</head>
<body>
<div id="#navi"></div>
</body>
</html>
La pagina di navigazione:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<ul id="nav" >
<li class="current"><a href="index.html">Home</a></li>
<li><a href="#">Multi-Levels</a>
<ul>
<li><a href="#">Team</a>
<ul>
<li><a href="#">Sub-Level Item</a></li>
<li><a href="#">Sub-Level Item</a>
<ul>
<li><a href="#">Sub-Level Item</a></li>
<li><a href="#">Sub-Level Item</a></li>
<li><a href="#">Sub-Level Item</a></li>
</ul>
</li>
<li><a href="#">Sub-Level Item</a></li>
</ul>
</li>
<li><a href="#">Sales</a></li>
<li><a href="#">Another Link</a></li>
<li><a href="#">Department</a>
<ul>
<li><a href="#">Sub-Level Item</a></li>
<li><a href="#">Sub-Level Item</a></li>
<li><a href="#">Sub-Level Item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
</ul>
</html>
Ho forse fatto un errore nella pagina navi.html?