簡體   English   中英

在aspx頁面中加載一個控件

[英]Load one control after another in aspx page

我有一個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內容后,我應該使用什么方法加載圖像。

謝謝 !

您的圖片正在加載您的頁面。 您可以隱藏該圖像,並在加載文檔后延遲一段時間后使其可見。 並且當您引用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);
});

您可以使用像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>');

我還會看看第三方腳本是否有一個回調函數,你可以在它加載時掛鈎。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM