Question

我有一个名为ADD的div。并使用此按钮我想在iframe中加载第二页。问题是如何在第二页加载第二页之前显示加载div 4秒？我写了一些代码，但代码无法正常工作。

这是我的片段：

＆＃13;

$(document).ready(function() {
  $(".adding").click(function(e) {
    e.preventDefault();
    $('#someFrame').html('<span class="loading">LOADING...</span>');
    setTimeout(function() {
      $("#someFrame").attr("src", $(this).attr("href"));
    }, 3000);
  })
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<a href="secondpage.html" class="adding">
  <div>ADD</div>
</a>

<iframe name="someFrame" id="someFrame" width="560" height="315"></iframe>

＆＃13;

Answer 1

＆＃13;

$(document).ready(function() {
  $(".adding").click(function(e) {
    e.preventDefault();
    $('#iframeplace').html('<span class="loading">LOADING...</span>');

    setTimeout(function() {
      $("#iframeplace").html("<iframe name='someFrame' id='someFrame' width='560' height='315'></iframe>");
    }, 3000);
  })
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="secondpage.html" class="adding">
  <div>ADD</div>
</a>
<div id="iframeplace"></div>

＆＃13;

Answer 2

无法直接访问iframe内容。

像这样使用

$(document).ready(function() {
  $(".adding").click(function(e) {
    e.preventDefault();
    var src = $(this).attr("href");
    $("#someFrame").contents().find("body").html('<span class="loading">LOADING...</span>');
    setTimeout(function() {
      $("#someFrame").attr("src", src);
    }, 3000);

    })
});

Answer 3

＆＃13;

C:\Users\$USER_NAME\.m2\repository\com\tibco\plugins\bw6-maven-plugin

＆＃13;

$(document).ready(function() {
  $(".adding").click(function(e) {
    e.preventDefault();
    $('#someFrame').css("background-image","url('http://www.downgraf.com/wp-content/uploads/2014/09/01-progress.gif')");
    setTimeout(function() {
      $('#someFrame').css("background-image","none");
      $("#someFrame").attr("src", $(this).attr("href"));
    }, 1000);
  })
});

＆＃13;

span{
  z-index:999;
  color:black;
}
#someFrame{
  background-position:center;
  background-size:50px;
  background-repeat:no-repeat;
}

＆＃13;

如何在iFrame中加载第二页之前显示div一段时间

3 个答案: