我想实现这一点:当单击图像时,在该图像所在的 div 中,加载包含来自另一个 .html 的其他内容的 div,但我无法完成。
如果我这样做,以下内容将完美运行:
$('#windows_link').click(function(){
$('#apps_container').html("Hi!");
});
但是如果我执行以下操作,则不起作用;它实际上没有做任何事情:
$('#windows_link').click(function(){
$('#apps_container').load('windows_apps.html #apps_container');
});
请问有什么帮助吗?
提前非常感谢!
最佳答案
当您在本地时,任何其他 HTML 路径在某些浏览器中都会被视为另一个域(Chrome 就在列表中)。这意味着您尝试的任何 AJAX 请求(.load()
在下面执行的操作)都将被 same origin policy 阻止。 .
你所拥有的可能会正常工作......只是不是在本地,在 Chrome 中。
您可以通过在其他浏览器(例如 Firefox)中测试或启动 chrome with a command line switch 来验证这一点。禁用此安全功能(仅用于测试!,之后将其关闭):
chrome.exe --disable-web-security
关于javascript - jQuery.load() : loading a div when click,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6549189/