gpt4 book ai didi

css - 带有 XML 文件加载的 ASP 菜单控件太慢

转载 作者:行者123 更新时间:2023-11-28 00:37:37 25 4
gpt4 key购买 nike

我的问题是关于 ASP.Net 和 XML 的菜单我在这里使用了 3 个东西——主文件中的 ASP 菜单控件,菜单加载到控件的 XML 文件。ASP代码:

<div  class="menuxml">
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" DataSourceID="XmlDataSource1" RenderingMode="List" StaticEnableDefaultPopOutImage="false" DynamicEnableDefaultPopOutImage="false" >
<DataBindings>
<asp:MenuItemBinding DataMember="Menu" TextField="Text" ValueField="Value"
NavigateUrlField="Url" />
<asp:MenuItemBinding DataMember="SubMenu" TextField="Text" ValueField="Value"
NavigateUrlField="Url" />
</DataBindings>
<LevelMenuItemStyles>
<asp:MenuItemStyle CssClass="main_menu" />
<asp:MenuItemStyle CssClass="level_menu" />
</LevelMenuItemStyles>
</asp:Menu>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Files/menus.xml" XPath="/Menus/Menu"></asp:XmlDataSource>
</div>

XML 文件:

<?xml version="1.0" encoding="utf-8" ?>
<Menus>
<Menu Url="~/" Text="Home" Value="Home Page" />
<Menu Url="~/icp/" Text="Coding problems" Value="Coding problems" />
<Menu Url="javascript:;" Text="DS &amp; Algo. &#9662;" Value="DS &amp; Algo.">
<SubMenu Url ="~/data-structure-tutorial/" Text="Data Structure" Value="Data Structure"></SubMenu>
<SubMenu Url ="~/algorithms/" Text="Algorithms" Value="Algorithms"></SubMenu>
</Menu>
<Menu Url="javascript:;" Text="Languages &#9662;" Value="Languages">
<SubMenu Url ="~/c/" Text="C" Value="C language"></SubMenu>
<SubMenu Url ="~/cpp-tutorial/" Text="C++" Value="C++ language"></SubMenu>
<SubMenu Url ="~/stl/" Text="C++ STL" Value="C++ STL"></SubMenu>
<SubMenu Url ="~/java/" Text="Java" Value="Java language"></SubMenu>
<SubMenu Url ="~/python/" Text="Python" Value="Python language"></SubMenu>
<SubMenu Url ="~/dot-net/" Text="C#.Net" Value="C#.Net"></SubMenu>
<SubMenu Url ="~/android/" Text="Android" Value="Android"></SubMenu>
<SubMenu Url ="~/kotlin/" Text="Kotlin" Value="Kotlin"></SubMenu>
<SubMenu Url ="~/sql/" Text="SQL" Value="SQL"></SubMenu>
</Menu>
...
..

CSS 文件:

  <style>
.menuxml{
background-color: #006969;
color: #ffffff;
font-size: 95%;
font-weight: 500;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
}
.main_menu,
.main_menu:visited,
.main_menu:hover {
text-align: center;
color: #ffffff;
text-align: center;
height: 30px;
line-height: 30px;
margin-right: 8px;
padding-left: 5px;
padding-right: 5px;
display: inline-block;
}

.main_menu:hover {
background-color: #004949;
color: #ffffff;
}

.level_menu,
.level_menu:visited,
.level_menu:hover {
min-width: 100px;
border-bottom:1px solid #ccc!important;
background-color: #f1f1f1;
color: #000000;
text-align: left;
height: 30px;
line-height: 30px;
padding-left: 7px;
padding-right: 5px;
}

.level_menu:hover {
background-color: #004949;
color: #ffffff;
}
</style>

问题是:
菜单需要大约 0.5 到 0.7 秒才能借出,同时它的布局在所有设备的网站上都非常令人不安:
布局困惑(不到一秒):
enter image description here
加载后完美布局为:
enter image description here

问题?
有没有办法让它们变快,正如我分析的那样,它既不是站点加载问题也不是 CSS 问题。请帮助我!!

最佳答案

请您遵循以下解决方案并分享您的观察:

您可以在document.ready部分通过Jquery绑定(bind)菜单。

关于css - 带有 XML 文件加载的 ASP 菜单控件太慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54063162/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com