jQuery菜单和ASP.NET站点地图
[英]jQuery Menu and ASP.NET Sitemap
6 个解决方案
解决方案1
29 已采纳 2009-03-15 11:24:55
我在寻找同样的答案时发现了这个问题...每个人都说这是可能的，但没有人给出实际的解决方案！ 我似乎现在正在工作所以我想发布我的发现......
我需要的东西：
CSS友好控制适配器下载DLL和.browsers文件（分别到/ bin和/ App_Browsers文件夹）
ASP.NET SiteMap （web.config中的.sitemap XML文件和
siteMap提供程序条目）
我的成品Masterpage.master有如下head标签：
<head runat="server">
<script type="text/javascript" src="/script/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/script/superfish.js"></script>
<link href="~/css/superfish.css" type="text/css" rel="stylesheet" media="screen" runat="server" />
<script type="text/javascript">
$(document).ready(function() {
$('ul.AspNet-Menu').superfish();
});
</script>
</head>
这基本上是jQuery Superfish菜单工作所需的全部内容。 页面内部（菜单所在的位置）看起来像这样（基于这些说明 ）：
<asp:SiteMapDataSource ID="SiteMapDataSource" runat="server"
ShowStartingNode="false" />
<asp:Menu ID="Menu1" runat="server"
DataSourceID="SiteMapDataSource"
Orientation="Horizontal" CssClass="sf-menu">
</asp:Menu>
根据文档，这似乎应该工作 - 但事实并非如此。 原因是当呈现菜单并且<ul>标签获得class="AspNet-Menu"时， CssClass="sf-menu"会被覆盖。 我想行$('ul.AspNet-Menu').superfish(); 会有所帮助，但事实并非如此。
还有一件事
虽然它是一个黑客（并且有人指出我正确的解决方案）我能够通过打开superfish.css文件并使用AspNet-Menu 搜索和替换 sf-menu来使其正常工作......瞧！ 菜单出现了。 我以为在asp:Menu控件中会有一些配置设置我可以设置<ul>类，但没有通过谷歌找到任何提示。
解决方案2
3 2008-10-04 22:26:33
是的，这完全有可能。
我已经将它与ASP：Menu控件和带有Superfish插件的jQuery 1.2.6一起使用。 注意，您将需要ASP.NET 2.0 CSS友好控制适配器 。
ASP.NET生成ASP：Menu控件作为表格布局。 CSS友好控制适配器将使ASP.NET生成ASP：Menu控件作为div内的UL / LI布局。
这将允许轻松集成jQuery和Superfish插件，因为Superfish插件依赖于UL / LI布局。
解决方案3
2 2008-10-04 22:08:19
看起来您需要为Superfish生成UL。 您应该可以从站点地图使用ASP.Net执行此操作。 我认为站点地图控件会做这样的事情。 如果没有，直接从C＃调用站点地图并以编程方式生成DOM应该是非常简单的。 您可以构建用户控件来执行此操作，也可以在母版页中执行此操作。
查看此MSDN文章 ，了解如何以编程方式枚举站点地图中的节点。
解决方案4
1
请记住为NonLink元素添加css类。 Superfish css元素不适合他们。 如果你像我一样拥有不是链接的根菜单，那么它就会变得非常可怕。 只需将AspNet-Menu-NonLink元素添加到superfish.css文件中即可正常渲染。
解决方案5
0 2008-09-19 17:13:54
SiteMapDataSource控件应该能够绑定到任何分层数据绑定控件。 我不熟悉superfish，但我知道有很多jQueryish控件可以做到这一点。
解决方案6
0 2011-04-19 17:22:19
使用CSS和jQuery的asp.net siteMap菜单
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.