如何在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文件顯示之前加載加載器圖像？

回答

相關問題