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

回答