當用戶單擊鏈接到下一頁的那些項目時，如何顯示灰色並顯示網頁中的負載？

Question

我創建了一個包含許多頁面的php-html網站，這些頁面中有。，以及其他html元素，但並非所有這些元素都鏈接到其他頁面，這意味着它們在當前頁面中起作用，但是其他元素都已鏈接到其他頁面，當用戶單擊鏈接到其他頁面的那些元素（,, ...）時，如何設置？在轉到下一頁之前，該頁面為灰色並顯示loading.gif。 我看到了這段代碼http://hungred.com/how-to/tutorial-simple-screen-grey-effect-jquery/

但是在此jQuery代碼中，我們需要設置$（'＃button'）。click（pop）; 對於這些要素，我認為這不是一項好工作，對整頁有效的是什么好主意？

Answer 1

一種快速的解決方案是將相同的類應用於需要以這種方式操作的所有按鈕：

<button class="externalLink">Button 1</button>
<button class="externalLink">Button 2</button>
<button class="externalLink">Button 3</button>
<button class="externalLink">Button 4</button>
<button class="externalLink">Button 5</button>

然后在javascript中編寫如下代碼：

$('.externalLink').click(pop);

這會將相同的行為應用於該類的所有按鈕