JQuery Ajax 加载禁用链接的非本地页面

Question

抱歉大家，我是 Ajax 和 Json 的新手。预先感谢您的帮助!

情况如下:我创建了一个网页，上面有多个链接。这些链接大多数都指向维基百科或各种学术资源上的页面。当我的页面加载时，我需要启用所有链接。但是当我加载维基百科/学术页面时，我需要它们在禁用链接的情况下加载。重点是向用户提供一个来源列表，以便他们可以填写调查问卷，但在填写问题时，我不希望他们被源页面上的其他内容分散注意力，或者能够导航超过 1 个页面。远离问卷。

Answer 1

好的，我做到了。您必须在 iframe 中打开页面，并使用使用透明背景的 div 覆盖 iframe。这样你就可以看到 iframe，但不能触摸它。

我从这里得到了方法:http://webdeveloper.com/forum/showthread.php?t=182260

这是我的证明:

http://jsfiddle.net/MarkKramer/jwQtd/

注意:注意 div 没有覆盖整个 iframe，我将其设置为足够宽以覆盖 iframe，但仍显示滚动条，以便您可以看到网页您可以上下滚动它，但不能单击它。

来源如下:

<div 
    id="framecover" 
    style="
        position:absolute; 
        width:(same as iframe -30px for the scroll bar); 
        height:(same as iframe);
        top:(use to set over iframe)
        right:(use to set over iframe)
        z-index:(higher than iframe);
        background-color: transparent;" 
        <!--change the bg-color to see where the div is when youre positioning it-->
></div>

<iframe src="_whatever you want_" width="_y_" height="_x_">
    <!--Fallback for older browsers-->
    <p>Your browser does not support iframes.</p>
</iframe>