나는 이것이 왜 효과가 없는지를 알아낼 수 없다. footer.html 파일을 메인 디렉토리에 있는데,이 파일이있는 디렉토리의 한 수준 위에 있습니다. footer.html 파일을 복사 할 필요없이이 파일을 웹 사이트의 모든 페이지에 포함하려고합니다. 하위 디렉토리. 나는 HTML에서와 같이 단순한 ../ footer.html 앞에서 작동한다고 가정했지만, jquery에서는 작동하지 않을 수도있다. footer.html 파일이있는 최상위 디렉토리의 모든 페이지에서 제대로 작동합니다. 누군가 내가 여기에서 놓친 것을 말해 줄 수 있습니까? 올바른지 확인합니다. 나는 그것이 내가 바라보고있는 것이 분명하다고 확신합니다. 하나의 footer.html 페이지를 만드는 전체적인 요점은 내가 한 곳에서 그것을 업데이트 할 수 있고, 모든 페이지에서 업데이트 할 수 있기 때문이다. 이것을 이해할 수 없다면, 목적에 어긋나게된다. 또한 : 바닥 글 div 태그 안에 중첩 대신 스크립트를 head 태그로 이동해야합니까?jquery footer, 상위 디렉토리에서 footer.html을 호출 하시겠습니까?
HEADER :
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<title></title>
<style>
body {background-color:#000000; color:#ffbb00;}
a, h1 {color:#ffffff;}
.center-div {
margin: 0 auto;
width: 1084px!important;
background-color:#000000;}
div.rule { margin: 0 auto;
width:50%;
height:1px;
background:#ffbb00;
align:center;
overflow:hidden;}
</style>
</head>
바닥 글 : 당신의 코드는 찾아 볼하려고 블록 내부에 있기 때문에
<div id="footer">
<script>
$("#footer").load("../footer.html");
</script>
</div>
콘솔에 '404'가 표시됩니까? 그리고 스크립트를 다른 곳에 두는 것과 관련해서는 개인적으로 '
'으로 옮겨야한다고 말하고 싶습니다. 지금 그대로 서면 코드가 삭제 될 것입니다. 다소 이상한 IMHO입니다. 'footer.html'이 사이트의 * 루트 * 레벨에 있다면'.load ("/ footer.html");' – Santi폴더 구조를 게시하십시오 (* 그리고 html은 어디에 있습니까? 파일 및 바닥 글 파일 *) –
http://phaewryn.net/WebDevMirror/im/directories.JPG – Phaewryn