如何在完全数据加载之前延迟模态iframe?

时间:2016-02-22 17:12:40

标签: javascript jquery html angularjs iframe

仅当嵌入式modal已完全加载(嵌入式iframe)时,是否可以显示pdf窗口?

//triggered by frontend
$scope.onmodal = function() {
    $scope.url = "dynamic generated url";
    $('#myModal').modal({
        show: true, //how to delay?
        backdrop: true
    });
};

我的HTML: iFrame中的触发模式

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="position:inherit !important;">
  <div class="modal-dialog">
    <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" id="myModalLabel">PDF View</h4>
      </div>
      <div class="modal-body">
          <iframe ng-src="{{url}}" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>  
      </div>
    </div>
  </div>
</div>

我想在按钮点击时触发模态弹出窗口,但是延迟它直到嵌入的URL(pdf)已经完全加载。 因为pdf是在后端生成的,并且是一个长时间运行的过程(10秒)。

有可能吗?

0 个答案:

没有答案