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

出于安全原因，您不得加载此类其他页面。如果您打开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

Answer 2

您可以像这样使用iframe：

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

http://jsfiddle.net/XS7q2/

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

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

2 个答案: