hice los cambios que me aconsejaste, aunque me llama la atención, pues los SCRIPTS los suelo ver al principio
header.php
Código:
<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<title>Title</title>
<link rel='stylesheet' type='text/css' href='./css/style.css'>
</head>
<body id="page-wrap">
<header><?php echo"\n"; include "./php/menu.php"; echo"\n"; ?> </header>
<article id="main-content"><section id="guts"><div><div><div><div>
footer.php
Código:
</div></div></div></div></section></article>
<footer></footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!--<script type="text/javascript" src="./js/jquery.ba-hashchange.min.js"></script>-->
<script type="text/javascript" src="./js/dynamicpage.js"></script>
<script type="text/javascript" src="./js/csspag.js"></script>
</body>
</html>
csspag.js
Código:
$(document).ready(function(){
$("#guts").addClass("green");
//$('section').attr("class", "green");
});
Respecto a quitar ".php" en este ejemplo http://css-tricks.com/examples/DynamicPage/#index.php no da error porque usan unos ID en las ETIQUETAS, me he dado cuenta que el error que comentas desaparece al ser mas fiel a ese ejemplo, no había visto esos errores, y me acabo de dar cuenta que google chrome los menciona usando F12, le miro utilidad a conservar la extensión a los enlaces, evitando que se generen enlaces rotos como por ejemplo www.algo.com/index
la idea del JS es aplicar CSS diferentes en algunas secciones de la web, ejemplo, si estoy en galeria.php aplicar un estilo personalizado a una etiqueta del header.php
gracias