当用户单击链接到下一页的那些项目时，如何显示灰色并显示网页中的负载？

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);

这会将相同的行为应用于该类的所有按钮