使用 Jquery 加载函数从空 div 中的另一个页面加载 div

Question

我已经对此进行了几天的研究，但我似乎无法从我网站上的另一个页面加载一个 div 并在我的页面上清空 div。最终，我正在处理在工具提示中打开的另一个页面的 div 结果，以便用户可以从链接列表中进行选择，但这是第一步。

我在这里创建了一个小提琴http://jsfiddle.net/Learjet/3Mxcc/9/ 和外部页面，这是我想做的事情所必需的。

这里有什么我遗漏的明显东西吗？

这是代码

HTML

<div id="links"> <a href="http://jsfiddle.net/Learjet/VrQj3/" data="http://jsfiddle.net/Learjet/VrQj3/">Antioxidants</a>
</div>
<div id="results_after_hover">
<!-- Need Results after hover Here -->
</div>

JQuery:

$('#links a[href]').hover(function () {
$("div#results_after_hover").load('http://jsfiddle.net/Learjet/VrQj3/embedded/result');
});

非常感谢您的智慧！

谦虚， EJ

Answer 1

您可以使用这样的 iframe：

$("div#results_after_hover").html('<iframe src="http://jsfiddle.net/Learjet/VrQj3/embedded/result"></iframe>');

http://jsfiddle.net/XS7q2/

但它只会加载整个页面。不是页面内的特定元素。

Answer 2

出于安全原因，您不得加载这样的其他页面。 如果您打开 Firebug，并检查控制台选项卡，您会注意到弹出错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access. 

只有在您尝试加载的页面发送access-control-allow-origin 标头时，您才能这样做。

如果您想知道如何操作，请查看this question on stackoverflow