asp.net引导模式-关闭后重定向_Asp.net_Twitter Bootstrap_Redirect_Bootstrap Modal

asp.net引导模式-关闭后重定向

asp.net twitter-bootstrap redirect

asp.net引导模式-关闭后重定向,asp.net,twitter-bootstrap,redirect,bootstrap-modal,Asp.net,Twitter Bootstrap,Redirect,Bootstrap Modal,我的引导模式工作正常，但单击模式中的“关闭”按钮后，我找不到重定向到其他页面的方法。我的javascript： <script src="/Content/Scripts/jquery.min.js" type="text/javascript"></script> <script src="/Content/Scripts/bootstrap.min.js" type="text/javascript"></script> <link h

我的引导模式工作正常，但单击模式中的“关闭”按钮后，我找不到重定向到其他页面的方法。
我的javascript：

<script src="/Content/Scripts/jquery.min.js" type="text/javascript"></script>
<script src="/Content/Scripts/bootstrap.min.js" type="text/javascript"></script>
<link href="~/Content/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="~/Content/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
<link href="~/Content/css/myStyleSheet.css" rel="stylesheet" type="text/css" />
<link href="~/Content/Images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<asp:ContentPlaceHolder runat="server" ID="Head" />
<script type="text/javascript">
    function ShowPopup() { 
        $("#btnBS_Modal").click();
    }
</script>

“Respose.Redirect”将我带到正确的页面，但模式根本不会弹出。

搜索了很多，但没有找到答案。

想想客户端代码和服务器代码之间的区别。服务器代码一直运行到完成，生成的标记被发送到客户端，然后客户端代码运行。因此，从服务器端代码中弹出一个模式，然后重定向，是行不通的。它将重定向客户端，客户端将永远不会执行任何标记，因为重定向是立即执行的

相反，您需要使用客户端代码来处理和执行重定向

$('#myBS_Modal').on('hidden.bs.modal', function (e) {
  window.location = '<%= ResolveUrl("~/aaa.aspx")>';
});

在伟大而强大的@mason的帮助下，我终于让它开始工作了。
我的主页：

<head runat="server">
    <meta charset="utf-8" />
    <title>Redirect - <%: Page.Title %></title>
    <script src="/Content/Scripts/myJavaScripts.js" type="text/javascript"></script>
    <script src="/Content/Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="/Content/Scripts/bootstrap.min.js" type="text/javascript"></script>
    <link href="~/Content/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/myStyleSheet.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/Images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

在模态所在页面的HTML中，我有：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
    </div>
    <div class="container">
        <asp:HiddenField ID="RedirectUrlHf" runat="server" ClientIDMode="Static" />
        <div class="row">
            <button type="button" style="display: none;" id="btnBS_Modal" class="btn btn-primary btn-lg"
                 data-toggle="modal" data-target="#myBS_Modal" data-backdrop="static" data-keyboard="false">
                Launch demo modal</button>
            <div class="modal fade in" id="myBS_Modal">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-body">
                            <asp:Label ID="lblBS_Modal" runat="server" />
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success glyphicon glyphicon-ok" data-dismiss="modal"></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>

现在，当我的页面上的模式关闭时，我将被重定向到正确的页面。

@梅森帮了大忙，我在路上从他那里学到了很多。谢谢你，梅森

谢谢你的回复。谢谢你的回复。我是JS新手，我找不到合适的方法来实施你的建议。现在我将编辑我的问题，以便显示HTML的完整“head”部分。请告诉我你的代码放在哪里。再次感谢。@gadi更新了答案。这是我第一次尝试的，但它会弄乱整个HTML并引发很多错误，比如“head元素缺少结束标记”等等。语法有点问题，我现在正试图弄清楚它是什么。@gadi我稍微更新了我的答案，意识到我遗漏了一个%符号。

<script type="text/javascript">
    function ShowPopup() { 
        $("#btnBS_Modal").click();
    }        
</script>

<script type="text/javascript">
    function ShowPopup() { 
        $("#btnBS_Modal").click();
    }
    $('#myBS_Modal').on('hidden.bs.modal', function (e) {
      window.location = '<%= ResolveUrl("~/aaa.aspx") %>';
    });
</script>

<asp:HiddenField runat="server" id="RedirectUrlHf" ClientIdMode="static" />

  /* Inside your script tag */
 $('#myBS_Modal').on('hidden.bs.modal', function (e) {
      var url =  $("#RedirectUrlHf").val();
      window.location = url;
    });

RedirectUrlHf.Value = ResolveUrl("~/aaa.aspx");

<head runat="server">
    <meta charset="utf-8" />
    <title>Redirect - <%: Page.Title %></title>
    <script src="/Content/Scripts/myJavaScripts.js" type="text/javascript"></script>
    <script src="/Content/Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="/Content/Scripts/bootstrap.min.js" type="text/javascript"></script>
    <link href="~/Content/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/myStyleSheet.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/Images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

function ShowPopup() {
    $("#btnBS_Modal").click();
    $('#myBS_Modal').on('hidden.bs.modal', function (e) {
        var url = $("#RedirectUrlHf").val();
        window.location = url;
    });
}

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
    </div>
    <div class="container">
        <asp:HiddenField ID="RedirectUrlHf" runat="server" ClientIDMode="Static" />
        <div class="row">
            <button type="button" style="display: none;" id="btnBS_Modal" class="btn btn-primary btn-lg"
                 data-toggle="modal" data-target="#myBS_Modal" data-backdrop="static" data-keyboard="false">
                Launch demo modal</button>
            <div class="modal fade in" id="myBS_Modal">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-body">
                            <asp:Label ID="lblBS_Modal" runat="server" />
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success glyphicon glyphicon-ok" data-dismiss="modal"></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>

    protected void Page_Load(object sender, EventArgs e)
    {
        RedirectUrlHf.Value = ResolveUrl("/Account/aaa.aspx");
    }