iframe的問題與移動

Question

方案

我有一個網站，這是工作的相當不錯，在桌面瀏覽器，但得到的問題與移動。我在iframe中加載pdf文件並在模態彈出窗口中顯示。但不知道當在手機上打開網站頁面時發生了什麼，所以我的手機上首先打開了我的pdf文件。如果任何人有任何想法，請引導我。

我的HTML代碼

<a href="" onclick="OpenTermsOfUsePopup(); return false;">Terms of Use</a> 

<div id="divTermsOfUse" class="modal fade"> 
     <div class="modal-dialog modal-lg"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
        <h4 class="modal-title">H2eFile Terms of use</h4> 
       </div> 
       <div class="modal-body"> 
        <iframe id="iframeTou" src="~/Privacy_Policy/H2eEile%20-Terms-of-Use.pdf#page=1&zoom=100" style="width: 100%; height: 500px;"> 
         <p>It appears your web browser doesn't support iframes.</p> 
        </iframe> 
       </div> 
      </div> 
     </div> 
    </div> 

JS

function OpenTermsOfUsePopup() {    
    $('#divTermsOfUse').modal("show"); 
    return false; 
} 

Answer 1

終於找到了解決方案。 1小時後R & D

iframe src屬性是這個問題的原因，因爲當頁面加載的同時iframe src去下載PDF文件，所以它同時顯示PDF文件在頁面加載內的手機。所以我只是從iframe標籤中刪除src標籤並使用jquery代碼進行綁定。

的Html

<iframe id="iframeTou" style="width: 100%; height: 500px;"> 
    <p>It appears your web browser doesn't support iframes.</p> 
</iframe> 

JQuery的

function OpenTermsOfUsePopup() { 
    $('#iframeTou').attr('src', 'Privacy_Policy/H2eEile%20-Terms-of-Use.pdf#page=1&zoom=100'); 
    $('#divTermsOfUse').modal("show"); 
    return false; 
} 

而且這是工作的罰款。