jQuery .load（）：點擊時加載一個div

我想實現，當點擊一個圖像，在這個圖像的div，與另一個.html的其他內容div加載，但我可以'完成。jQuery .load（）：點擊時加載一個div

如果我這樣做，下面，它完美的作品：

$('#windows_link').click(function(){ 
     $('#apps_container').html("Hi!"); 
    });

但如果我這樣做，這是行不通的;它實際上並沒有做任何事情：

$('#windows_link').click(function(){ 
     $('#apps_container').load('windows_apps.html #apps_container'); 
    });

請幫忙嗎？

非常感謝！

2011-07-01 noloman

你有沒有使用：

您可以通過在其他瀏覽器中測試如Firefox，或者啓動鉻with a command line switch禁用該安全功能（僅爲測試!,後關閉）驗證這一點像Firebug的工具來確定你的'windows_apps.html #apps_container'實際上是否返回任何東西？ – Gregg

你是在本地嘗試嗎？如果是這樣，在哪個瀏覽器？ –

嗨！ @Gregg我還沒有使用它，但應該存在！ – noloman

當您在本地時，某些瀏覽器中的其他HTML路徑被視爲另一個域（Chrome位於列表中）。這意味着您嘗試的任何AJAX請求（.load()會做什麼）將被same origin policy阻止。

你有什麼可能會正常工作......只是不在本地，在Chrome中。

chrome.exe --disable-web-security

2011-07-01 14:34:21

太棒了，所以我只會在另一個瀏覽器中嘗試，並相信它會在上傳到Web服務器時起作用。謝謝大家的幫助！ – noloman

@noloman：真的，除非你有充足的理由，否則最好在具有與最終託管站點相同的環境的服務器上測試開發。最好是服務器。否則，可能會出現無法預料的差異，像這樣。 – Orbling

@noloman - 我在這裏運行，設置一個localhost web服務器（有很多免費的選項）來做測試，你會更快樂（更少推送到另一個站點來測試小東西）。 –

如果第一次嘗試正常工作，我認爲問題就在這裏

.load('windows_apps.html #apps_container');

當你點擊鏈接，你看到螢火蟲或您調試控制檯您的.NET面板調用（做的ajax調用完成成功）？

windows_apps.html是否在調用它的頁面腳本的同一個文件夾中？

是否有一個名爲apps_container的div進入該頁面？

2011-07-01 14:24:25

回答