防止锚标记上的刷新单击

时间:2017-07-19 10:28:22

标签: asp.net url anchor c#-3.0

我想从任何内容页面使用这样的锚标记加载页面。我想阻止锚标签上的页面刷新点击但同时它应该加载不同的页面。以下示例是内容页面

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <a href="WebForm2.aspx">go</a>
</asp:Content>

并在母版页上

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </ContentTemplate>
    </asp:UpdatePanel>

2 个答案:

答案 0 :(得分:2)

<a class="link1" href="WebForm2.aspx">go</a>


<script>
$(function(){
    $("a.link1").click(function()
    {
         $.get("WebForm2.aspx" );
         return false; // prevent default browser refresh on "#" link
    });
});
</script>

答案 1 :(得分:2)

以下不适用于服务器端控件,您还需要将所有内容页面更改为个人页面。

$('a').click(function (e) {
        var page = $(this).attr('href');
        if (page!='#') {
            window.history.pushState("string", "Title", page);
            $("#divid").load(page, function () {
                //write your stuff
            });
        }
        e.preventDefault(); 
        e.stopPropagation();
        return false;
    });