我想从任何内容页面使用这样的锚标记加载页面。我想阻止锚标签上的页面刷新点击但同时它应该加载不同的页面。以下示例是内容页面
<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>
答案 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;
});