jQuery加載在Dreamweaver中工作，但不在瀏覽器中

我使用了.load（）函數。它可以在Dreamweaver的實時視圖中使用，但不適用於Firefox，Chrome或IE。jQuery加載在Dreamweaver中工作，但不在瀏覽器中

這裏是我的HTML部分：

<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'); 
    } 
}

什麼問題？它在DW中工作，但爲什麼不瀏覽器？我從Weebly中提取的原因是因爲我需要其他人來更新它，而Weebly更容易。

來源

2013-11-27 Brandon Nguyen

很可能是，如果您在瀏覽器中查看錯誤控制檯，它會報告一條錯誤消息，您可以將其插入搜索引擎並發現您違反了相同的原產地策略。你需要做一些基本的調試（第一步是查看你的錯誤信息），而不是僅僅報告「不起作用」。 – Quentin

@Quentin沒有相對錯誤，然後我點擊一個按鈕，彈出：_ [16：21：48.508] GET http://axoplanner.weebly.com/monday.html [HTTP/1.1 200 OK 182ms ] _ –

@Quentin你是什麼意思_same origin policy_？ –

請從jQUery文檔中查看this page。

從文檔：

「由於瀏覽器的安全限制，大多數‘Ajax’的請求都受到同樣的原產地政策;請求不能成功地從不同的域，子域，或協議檢索數據「。

因此，DreamWeaver不能具有大多數瀏覽器所具有的安全限制，所以它可以在DreamWeaver中使用。但在大多數瀏覽器中，絕對路徑不適用於。

來源

2013-11-27 00:42:48 zsaat14

有沒有辦法解決這個問題？我聽說過_CORS_，但我仍然對如何使用它感到困惑。 –

@BrandonNguyen是的，有一種解決方法。我不知道CORS，但這裏是關於如何使用PHP來解決它的討論：http://stackoverflow.com/questions/14999573/jquery-load-external-site-page – zsaat14

jQuery加載在Dreamweaver中工作，但不在瀏覽器中

回答

相關問題