Question

我有一个带有malty Section标记的页面。主页部分是主要部分，当我点击每个链接时，转到特殊部分。

<section id="homepage" class="page-homepage current-page page">
    <a class="nav-link" data-opening-page-id="tariff-page" href="#tariff"></a>
    <a class="nav-link" data-opening-page-id="agancy-page" href="#agancy"></a>
</section>
<section id="agancy-page" class="page Gold-page">
    <div class="hide-show back-button-holder">
        <div class="outer-circle pull-left">
            <asp:Button ID="AgancySendButton" runat="server" Text="Send" Width="150px" OnClick="AgancyFile" ValidationGroup="agancy" OnClientClick="return ValidatePage('agancy')" CssClass="btn-submit" />                                                
        </div>
    </div>
</section>
<section id="complate-page" class="page Gold-page">
    <div class="hide-show back-button-holder">
        <div class="outer-circle pull-left">
            <div class="inner-circle">
                <a class="nav-link" data-opening-page-id="homepage" href="#homepage"></a>
                <i class="icon-arrow-left"></i>
            </div>
        </div>
        <div class="page-title">
            <h2><i style="font-size: 25px" class="icon-tick-outline"></i>&nbsp;&nbsp;&nbsp;&nbsp;ثبت اطلاعات</h2>
        </div>
    </div>
    <div class="row-fluid">
    </div>
</section>

当我点击按钮并运行点击事件，回到主页部分时，我想在运行按钮点击时进入complate-page部分。

可以去代码后面的特殊部分吗？

Answer 1

你可以使用使用ajax的面板，也可以在后面的代码中使用find控件做某事（如果你想在你的页面中添加一些动态的HTML代码，你可以使用文字。

sample ajax panel

Answer 2

也许您可以使用本地链接，例如

    <a href="#id">Go to ID</a>

然后使用一些jQuery

Answer 3

如果我正确地理解了你的问题，那么你有一个很大的页面，顶部有一个按钮，下面有一个ID为“special_sec”的部分。单击该按钮，您需要执行一些服务器代码，然后将“special_sec”带入视图。

我试图模拟你需要的东西。

aspx页面 在这里，我尝试通过添加br标记

来扩大页面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Practice_Web.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        <!--Tried to increase the page size to simulate a big page -->
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <section id="special_sec">
            <a class="nav-link" href="#">Hello</a>
        </section>
    </div>
    </form>
</body>
</html>

点击服务器端按钮：

protected void Button1_Click(object sender, EventArgs e)
{
    //Do some server side stuff here
    Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", "javascript:$(\"#special_sec\").get(0).scrollIntoView();", true);
}

您可以根据需要在代码中包含此内容。

希望这有帮助。

可以转到HTML <section>标签后面的代码吗？</section>

3 个答案: