Question

我有一个asp.net页面，我正在使用javascript加载内容。基本上它就像从第三方加载内容。

我有一个图像应该在javascript生成

中的内容后加载

但目前发生的情况是图像在内容加载到div之前显示，这有点合适。能否请你建议我采用相反的方法。

我已经提供了一个代码示例。

在aspx页面中。

<body> <div id="bodyDiv" runat="server">
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/CompanyProfile" data-id="xxxxx" data-format="inline"></script>
<a  id="closeLink" href="http://www.xyz.com" class="closedbutton" runat="server">  <img id="closeImg" runat="server" src="images/remove.png"  /></a>
</div></body>

加载javascript内容后，我应该使用什么方法加载图片。

谢谢！

Answer 1

您的图片正在加载您的页面。您可以隐藏该图像，并在加载文档后延迟一段时间后使其可见。正如您引用script一样，它们将与您的HTML一起加载，并且当DOM将加载时，您可以使用setTimeout并设置一些延迟来加载您的图片。加载文档后加载图像见下例。

$(document).ready(function () {
    window.setTimeout(function () {
    // Your Image code goes here
    // Set image display:block in this code block
    // for example $('img').css('display','block');
   }, 2000);
});

Answer 2

您可以使用http://yepnopejs.com/之类的条件脚本加载器，然后在加载第三方脚本后使用以下选项。

您可以隐藏链接（使用css display：none;），然后在加载的脚本末尾使用JavaScript显示它：

document.getElementById("closeLink").style.display="block";

或者，您可以在使用.appendChild（）或.innerHTML（）运行脚本后动态添加链接到页面。如果使用JQuery，您可以执行以下操作：

$(body).append('<a id="closeLink" href="http://www.xyz.com" class="closedbutton">  <img id="closeImg" src="images/remove.png"  /></a>');

我还想看看第三方脚本是否有一个回调函数，你可以在它加载时挂钩。

在aspx页面中加载一个控件

2 个答案: