點擊鏈接進入緩慢加載第三方網頁

後顯示動畫gif我的網站鏈接到貝寶立即購買加載速度很慢的頁面。我想在用戶點擊貝寶嵌入式鏈接之前顯示一個動畫gif，直到新的貝寶頁面加載。點擊鏈接進入緩慢加載第三方網頁

在此先感謝。

2010-07-08 swudev

你在哪裏加載貝寶頁面？它在新窗口還是什麼？ – 2010-07-12 17:33:09

我看到你用jQuery標記了這個問題，這是一個像克里建議的那樣做的好方法。

使用jQuery這是非常簡單的：

$("#paypalLink").click(function(){ 
     $(".loading").show(); 
}

而且你的HTML看起來像這樣

<a href="http://paypal.com/whateverelse" id="paypalLink">Pay with Paypal</a> 
<img src="loading.gif" class="loading" />

你會隱藏在你的CSS的「加載」上課的時候它的頁面加載（也許用display：none;），然後用jquery顯示它。

有很多方法可以做到這一點，只需以此爲出發點即可。

對於jQuery的點擊API去這裏=>http://api.jquery.com/click/

來源

2010-07-08 19:41:16 jonkratz

你是如何加載paypal頁面？您必須將其加載到iframe（我不認爲paypal會允許 - 我會檢查）以保持在同一頁面上。否則，一旦用戶點擊鏈接，它將在加載時轉到PayPal，當然，您無法控制其網站。 – jonkratz 2010-07-08 19:59:14

@JohnKratz +1，jQuery的岩石，我認爲「等待」的問題是因爲DNS慢？在旁邊注意：谷歌提供快速的DNS。 8.8.8.8,8.8.4.4 – iamgopal 2010-07-12 11:12:53

使用JavaScript，以便「onclick」事件取代圖像或添加新圖像。我建議使用jQuery的.replaceWith('<img ...')或.append('<img ...')

來源

2010-07-08 19:04:13

如果你想這樣做，不JQuery的

...

讓我們假設你有你的頁面上的動畫圖像隱藏與CSS（顯示器：無;）

然後你的鏈接，你會怎麼做：

<a href="#" onclick="document.getElementById('loaderimage').style.display='';">Click Here</a> 

<img src="loading.gif" id="loaderimage" alt="" style="display:none;" />

來源

2010-07-13 14:25:11 Sherri

@Sherri ...我嘗試了您的代碼爲移動Web應用程序，它的工作iOS Safari瀏覽器，但是當我嘗試默認的Android瀏覽器其不工作，如果嘗試移動鉻瀏覽器其工作正常，任何解決方案工作它默認的Android網頁瀏覽器也。甚至是Chrome或iOs safari或桌面瀏覽器，當我們點擊鏈接加載圖片工作，但當我們按回按鈕或回顧前一頁這個動畫gif文件仍然在那裏工作...當我們回到上一頁時如何隱藏它。謝謝.. – mans 2013-03-21 09:05:32

點擊鏈接進入緩慢加載第三方網頁

回答

相關問題