文章/答案/技术大牛

发布

社区首页 >问答首页 >条件锚

问条件锚
EN

Stack Overflow用户

提问于 2014-08-11 10:01:54

回答 2查看 215关注 0票数 2

我有一个网站，我需要有条件的导航。因此：

在菜单中单击项目

1:如果frontpage，转到#id

(example <a href="#events">)

2:如果是分页，请转到首页或其他分页。

(example <a href="../events/>)

该网站是一个.net网站，导航位于主页上。

我想出了不同的方法来解决这个问题，不管是用.Net & C#、JS还是JQuery。.Net中的我认为我可以分配asp控件，只需在不同的子页面中提供不同的链接，然后使用某种循环或替换代码隐藏。

如果有人知道如何解决这个问题，请写信。提前感谢！

代码示例：

<li>
<a href="<%--../coaching/--%>#Coaching" title="title text">Coaching & Consulting</a>
</li>

jquery

asp.net

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-11 11:26:04

为什么不用你的菜单创建一个用户控件呢？

您可以在这里检查它：http://msdn.microsoft.com/en-us/library/vstudio/fb3w5b53(v=vs.100).aspx，并将一些参数传递给用户控件，并处理在其中更改的链接。

您可以将该菜单存储在其他地方，比如某个xml文件中，并将其呈现到所需的html中。

票数 1

Stack Overflow用户

发布于 2014-08-12 12:42:50

我听从了Vfleitao的建议，尝试了用户控制。为了让其他人看到我是如何解决这个问题的，这里有一些代码示例：

头用户控件：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="header.ascx.cs" Inherits="menu" %>
<ul class="show-for-large-up">
        <li><a href="<%= this.AboutUsLink %>" title="">About us</a></li>
        <li><a href="<%= this.CoachingLink %>" title="">Coaching</a></li>
        <li><a href="<%= this.ConsultingLink %>" title="">Consulting</a></li>
        <li><a href="<%= this.EventsLink %>"  title="">Events</a></li>
        <li><a href="<%= this.ContactLink %>"  title="">Contact</a></li>
</ul>

代码隐藏：

private string aboutUsLink;
private string coachingLink;
private string consultingLink;
private string eventsLink;
private string contactLink;

public string AboutUsLink
{
    get { return aboutUsLink; }
    set { aboutUsLink = value; }
}

public string CoachingLink
{
    get { return coachingLink; }
    set { coachingLink = value; }
}

public string ConsultingLink
{
    get { return consultingLink; }
    set { consultingLink = value; }
}

public string EventsLink
{
    get { return eventsLink; }
    set { eventsLink = value; }
}

public string ContactLink
{
    get { return contactLink; }
    set { contactLink = value; }
}

在页面中的使用：

<%@ Register TagPrefix="My" TagName="header" Src="~/header.ascx" %> <%-- Maybe this could be moved to the master page? --%>
<My:header runat="server" ID="MyHeader" AboutUsLink="#OmOs" CoachingLink="#Coaching" ConsultingLink="#Consulting" EventsLink="#Events" ContactLink="#Contact" />

或

<My:header runat="server" ID="MyHeader" AboutUsLink="../about/" CoachingLink="../coaching/" ConsultingLink="../consulting/" EventsLink="../events/" ContactLink="../contact/" />

资料来源：http://asp.net-tutorials.com/user-controls/creating/

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25240630

复制

相似问题

问条件锚
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问条件锚EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问条件锚
EN