JQuery Ajax加載禁用鏈接的非本地頁面

對不起，大家好，我是Ajax和Json的新手。預先感謝任何幫助！JQuery Ajax加載禁用鏈接的非本地頁面

這是的情況：我有一個網頁，我創建了幾個鏈接。大多數這些鏈接指向維基百科頁面或各種學術來源。當我的網頁加載時，我需要啓用所有鏈接。但是當我加載維基百科/學術頁面時，我需要它們加載禁用的鏈接。重點是向用戶提供一份源代碼清單，以便他們填寫調查問卷，但在填寫問題時，我不希望他們被源頁面上的其他內容分散注意力，或者能夠瀏覽多個退出問卷。

來源

2011-09-28 ianking

好，支持你爲什麼要問清楚的信息問題。給予好評。不幸的是我不知道答案。也許你可以打開iframe中的頁面並禁用iframe中的鏈接 –

不知道這是否可行，所以我會避免一個正式的答案。但你可以嘗試在iframe中加載維基百科頁面。綁定到iframe的load（）事件，然後攔截框架中的所有url更改。 – nsanders

好的，我做到了。您必須在iframe中打開頁面，並使用透明背景的div覆蓋iframe。這樣你可以看到iframe，但你不能碰它。

我從這裏的方法：http://webdeveloper.com/forum/showthread.php?t=182260

這是我的證明：

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

注：通知股利也沒怎麼覆蓋整個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>

來源

2011-09-28 07:05:20

這是否阻止您使用Tab鍵進入鏈接？ – nsanders

在iframe中，是的，除了滾動條之外，您無法觸摸iframe中的任何內容。在iframe之外，不。 –

看看鏈接（http://ultimatemmo.webege.com/Test2.html），看看它是如何工作的。 –

JQuery Ajax加載禁用鏈接的非本地頁面

回答

相關問題