我们使用 JQuery UI 在列表中显示图像按钮(asp:Linkbutton、asp:HyperLink、..),我们注意到页面加载时性能非常缓慢。
该页面似乎已加载,但图像除外。此时 - 在 chrome 下 - 加载圈仍在旋转,这就是用户必须等待 10 秒的地方!要加载的图像:
10 秒后,最终显示图像:
它似乎与 jquery-ui 图像(ui-icons_ffffff_256x240.png)有关:
jquery-ui 和 css 在 Master 页面的 head 部分中引用:
<link type="text/css" href="/Ressources/css/jquery-ui-1.8.7.mf.css" rel="stylesheet" />
<script type="text/javascript" src="/Scripts/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.13.custom.min.js"></script>
这是图像的设置方式:
在 ASPX 中:
<asp:LinkButton ID="lkBtnEditFDM" runat="server" Text="Modif" CssClass="editFButton" OnClick="lkBtnAddFDM_Click" ></asp:LinkButton>
在 JS 中:
$(document).ready(function () {
..
$(".editFButton").button({
text: false,
icons: {
primary: 'ui-icon-pencil'
}
});
});
你知道为什么会发生这种巨大的滞后吗?谢谢!