jQuery로드는 Dreamweaver에서 작동하지만 브라우저에서는 작동하지 않습니다.

Question

.load() 함수를 사용했습니다. Dreamweaver의 라이브보기에서는 작동하지만 Firefox, Chrome 또는 IE에서는 작동하지 않습니다.

<script src="js/jquery.js"></script> 
<script src="tabsPull.js"></script> 
<h1>Homework Assignments</h1> 
<ul id="button-menu"> 
    <li id="a1"><input class="no" type="button" onClick="ChangeActive(1)" value="Mon"></li> 
    <li id="a2"><input class="no" type="button" onClick="ChangeActive(2)" value="Tues/Wed"></li> 
    <li id="a3"><input c lass="no" type="button" onClick="ChangeActive(3)" value="Thurs/Fri"></li> 
</ul> 
<div id="tabInner" class="tabInner"> 

</div> 

ChangeActive() 별도의 JS 파일 (tabsPull.js)에 :

var active = 0 
function ChangeActive(active){ 
    if (active==1) { 
     document.getElementById("a1").className = "active"; 
     document.getElementById("a2").className = ""; 
     document.getElementById("a3").className = ""; 
     $('#tabInner').load('http://axoplanner.weebly.com/monday.html #content'); 
    } else if (active==2) { 
     document.getElementById("a2").className = "active"; 
     document.getElementById("a1").className = ""; 
     document.getElementById("a3").className = ""; 
     $('#tabInner').load('http://axoplanner.weebly.com/tuesdaywednesday.html #content'); 
    } else if (active==3) { 
     document.getElementById("a3").className = "active"; 
     document.getElementById("a1").className = ""; 
     document.getElementById("a2").className = ""; 
     $('#tabInner').load('http://axoplanner.weebly.com/thursdayfriday.html #content'); 
    } 
} 

문제가 무엇입니까 여기

내 HTML 부분입니까? DW에서 작동하지만 브라우저가 아닌 이유는 무엇입니까 ??? Weebly에서 물건을 가져 오는 이유는 다른 사람들이 그것을 업데이트해야하기 때문입니다. Weebly가 더 쉽습니다.

Answer 1

jquery 설명서의 this page을 참조하십시오. 문서에서

:

"때문에 브라우저 보안 제한, 가장"아약스 "요청이 동일한 원본 정책이 적용됩니다, 요청이 성공적으로 다른 도메인, 하위 도메인, 또는 프로토콜에서 데이터를 검색 할 수 없습니다 . "

따라서 Dreamweaver에는 대부분의 브라우저에 대한 보안 제한 사항이 없어야하므로 Dreamweaver에서 작동합니다. 그러나 절대 경로는 대부분의 브라우저에서 .load()의 인수로 작동하지 않습니다.