Jquery 当用户单击链接时无法加载gif_Jquery_Html_Css

Jquery 当用户单击链接时无法加载gif

jquery html css

Jquery 当用户单击链接时无法加载gif,jquery,html,css,Jquery,Html,Css,css代码：- .se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('UrlToTheImage') center no-repeat #fff; jquery代码：- $('a').click(function(){ $(".se-pre-con").show(); } 在我的html中，我有很多链接。因此，每当有人单击

css代码：-

.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('UrlToTheImage') center no-repeat #fff;

jquery代码：-

$('a').click(function(){
  $(".se-pre-con").show();
}

在我的html中，我有很多链接。因此，每当有人单击链接时，我都希望显示gif图像，直到加载所单击的链接。在没有jquery的情况下显示gif没有问题，即当我只是在html中正常显示gif时，它会被显示。但我只想在单击链接时显示它。顺便说一句，我正在使用以下两个cdn：-

<script  src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>

我的html代码：

<a  class="se-pre-con" href="LINKURL" >TEST</a></h4>

下面是一个例子

<html>

 <body>
   <a href="">Show image</a>
   <img src="..." class="se-pre-con" style="display:none" />
   <script>
    $('a').click(function(){          
      $(".se-pre-con").show();
    }
   </script>
 </body>
</html>

你能展示一下你是如何在你的html中应用CSS和实际的jquery点击事件的吗？我没有在我的html中添加应用的CSS和jquery。我想jquery会这样做的，因为我正在应用所有的“a”即链接。你上面的jquery将在点击锚时显示class=se pre con应用的所有元素。如果你想在点击锚后显示你的图像，你需要添加class=se-pre-con。如果是这种情况，这将显示带有测试文本的链接。那么我应该从css中删除图像url吗？你在哪里应用了se-pre-con类？是在DIV中吗？我尝试应用问题区域中编辑的类，因为您说类需要在评论部分应用。但现在我尝试应用您在回答部分提交的方式。请确认您的用例是您有一个当前隐藏的图像，当用户单击一个链接时，它将显示右键？我想要的是，当用户单击我页面上的任何链接时，我希望显示一个正在加载的gif，直到显示单击的链接为止。