Salimjavahery
سه شنبه 31 تیر 1393, 09:14 صبح
سلام به همه دوستان
من واسه صفحه بندی سایتی که دارم می نویسم یه کد جی کوئری نوشتم که صفحه بندی به صورت ایجکس بشه....
صفحه اول به صفحه دوم که میرم مشکلی نداره...
ولی واسه صفحه 3 به بعد.... تابع های جی کوئری روی شماره صفحه های بعدی که با جی کوئری لود میشن دیگه اثر ندارن و به صورت عادی لینک ها کار می کنن...
نمی دونم مشکل از کجاس و پروژم هم یه کم عجله ای هست... ممنون میشم دوستان کمک کنن
نمی دونم منظورم رو درست رسوندم یا نه :)
اینم کد جی کوئری و اچتیامالم:
<style type="text/css">
#PageNavigation{width:1130px !important;background:transparent;}
</style>
<script type="text/javascript" src="js/js1/jquery.min.js"></script>
<form id="form1" runat="server">
<div id="content">
<div class="container">
<div class="row">
<section class="col-md-12" id="main">
<div class="Posts">
<asp:ListView ID="NewsListView" runat="server" DataKeyNames="Id" DataSourceID="SqlDataSource1">
<EmptyDataTemplate>
<span>متاسفم. هیچ اطلاعاتی در پایگاه داده وجود ندارد.</span>
</EmptyDataTemplate>
<ItemTemplate>
<article class="entry aass4">
<div class="blog-meta">
<div class="entry-meta with-icon">
<h2 class="entry-title pencil">
<a href="blog-single.html">
<asp:Literal ID="NTitle" runat="server" Text='<%# Eval("Title")%>'></asp:Literal>
</a>
</h2>
</div>
</div>
<div class="entry-text">
<asp:Literal ID="Resume" runat="server" Text='<%# Eval("Resume")%>'></asp:Literal>
<div class="bottom-meta" style="padding: 20px 0;">
<a href='News.aspx?ID=<%# Eval("ID")%>'><span class="text-more">تـــوضیـــحات بـیــشـتــر</span></a>
</div>
</div>
</article>
</ItemTemplate>
<LayoutTemplate>
<article class="entry opacity"></article>
<asp:Literal ID="itemPlaceholder" runat="server"></asp:Literal>
<div class="pagenavi">
<asp:DataPager ID="PageNavigation" runat="server" QueryStringField="P" ClientIDMode="Static" PageSize="8">
<Fields>
<asp:NumericPagerField NumericButtonCssClass="page-numbers" CurrentPageLabelCssClass="page-numbers current" />
</Fields>
</asp:DataPager>
</div>
</LayoutTemplate>
</asp:ListView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT [Id], [Title], [Resume] FROM [News] ORDER BY [Id] DESC"></asp:SqlDataSource>
<script type="text/javascript">
$(function () {
$('#PageNavigation a').click(function () {
var address = $(this).attr('href') + ' .Posts';
$('.Posts').html('<div class="loading">در حال بارگذاری...<br />لطفآ منتظر بمانید... </div>');
$("html, body").animate({ scrollTop: 0 }, 1000);
$('.Posts').load(address);
return false;
})
});
</script>
</div>
</section>
</div>
</div>
</div>
</form>
من واسه صفحه بندی سایتی که دارم می نویسم یه کد جی کوئری نوشتم که صفحه بندی به صورت ایجکس بشه....
صفحه اول به صفحه دوم که میرم مشکلی نداره...
ولی واسه صفحه 3 به بعد.... تابع های جی کوئری روی شماره صفحه های بعدی که با جی کوئری لود میشن دیگه اثر ندارن و به صورت عادی لینک ها کار می کنن...
نمی دونم مشکل از کجاس و پروژم هم یه کم عجله ای هست... ممنون میشم دوستان کمک کنن
نمی دونم منظورم رو درست رسوندم یا نه :)
اینم کد جی کوئری و اچتیامالم:
<style type="text/css">
#PageNavigation{width:1130px !important;background:transparent;}
</style>
<script type="text/javascript" src="js/js1/jquery.min.js"></script>
<form id="form1" runat="server">
<div id="content">
<div class="container">
<div class="row">
<section class="col-md-12" id="main">
<div class="Posts">
<asp:ListView ID="NewsListView" runat="server" DataKeyNames="Id" DataSourceID="SqlDataSource1">
<EmptyDataTemplate>
<span>متاسفم. هیچ اطلاعاتی در پایگاه داده وجود ندارد.</span>
</EmptyDataTemplate>
<ItemTemplate>
<article class="entry aass4">
<div class="blog-meta">
<div class="entry-meta with-icon">
<h2 class="entry-title pencil">
<a href="blog-single.html">
<asp:Literal ID="NTitle" runat="server" Text='<%# Eval("Title")%>'></asp:Literal>
</a>
</h2>
</div>
</div>
<div class="entry-text">
<asp:Literal ID="Resume" runat="server" Text='<%# Eval("Resume")%>'></asp:Literal>
<div class="bottom-meta" style="padding: 20px 0;">
<a href='News.aspx?ID=<%# Eval("ID")%>'><span class="text-more">تـــوضیـــحات بـیــشـتــر</span></a>
</div>
</div>
</article>
</ItemTemplate>
<LayoutTemplate>
<article class="entry opacity"></article>
<asp:Literal ID="itemPlaceholder" runat="server"></asp:Literal>
<div class="pagenavi">
<asp:DataPager ID="PageNavigation" runat="server" QueryStringField="P" ClientIDMode="Static" PageSize="8">
<Fields>
<asp:NumericPagerField NumericButtonCssClass="page-numbers" CurrentPageLabelCssClass="page-numbers current" />
</Fields>
</asp:DataPager>
</div>
</LayoutTemplate>
</asp:ListView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT [Id], [Title], [Resume] FROM [News] ORDER BY [Id] DESC"></asp:SqlDataSource>
<script type="text/javascript">
$(function () {
$('#PageNavigation a').click(function () {
var address = $(this).attr('href') + ' .Posts';
$('.Posts').html('<div class="loading">در حال بارگذاری...<br />لطفآ منتظر بمانید... </div>');
$("html, body").animate({ scrollTop: 0 }, 1000);
$('.Posts').load(address);
return false;
})
});
</script>
</div>
</section>
</div>
</div>
</div>
</form>