如何在pdf文件显示之前加载加载器图像？

我有<a>标签。该标签的href是pdf文件。我想放入10秒钟，直至此后将PDF文件我想显示加载程序。我做了谷歌，我得到一个jQuery的BlockUI插件。它，当我不在href即#传递任何工作。如何在pdf文件显示之前加载加载器图像？

HTML

<head> 
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script> 
    <script src="jquery.blockUI.js"></script> 
</head> 
<body> 
    <a class="question" href="Application_Form.pdf" id="demo2">Testing</a> 
</body>

的JavaScript

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#demo2').click(function() { 
     $.blockUI({ css: { 
      border: 'none', 
      padding: '15px', 
      backgroundColor: '#000', 
      '-webkit-border-radius': '10px', 
      '-moz-border-radius': '10px', 
      opacity: .5, 
      color: '#fff' 
     } }); 

     setTimeout($.unblockUI, 10000); 
    }); 
}); 
</script>

如何做到这一点。

我做了谷歌非常多，但我没有得到如何做到这一点。

请任何一个可以帮我解决这个问题。在此先感谢..

来源

2013-10-11 Anand Jaju

朋友，你只是错过了包装你的jQuery魔术内$（document）.ready（function（）{}）; 您可以在jQuery代码试试这个：

$(document).ready(function(){ 
$('#demo2').click(function() { 
    $.blockUI({ css: { 
     border: 'none', 
     padding: '15px', 
     backgroundColor: '#000', 
     '-webkit-border-radius': '10px', 
     '-moz-border-radius': '10px', 
     opacity: .5, 
     color: '#fff' 
    } }); 

    setTimeout(function() { 
     $.unblockUI({ 
      onUnblock: function(){ alert('hi'); // Show your pdf file here 
      } 
     }); 
    }, 2000); 
}); 
});

来源

2013-10-11 13:34:42

如何在pdf文件显示之前加载加载器图像？

回答

相关问题