Это функция для постраницная навигация!
Хотел сделать например когда кликнули на четвертый элемент <li id="4">4</li> то список начал от 2 номера, а закончил 6. И по этому сначала удалил вес <li> ,потом через цикл добавил от start до stop снова. Потом ajax срабатывает. Проблема в том что когда кликнешь на новый <li> (от 2 до 6)список click не работает. Проблема в том что я добавил нового!?
script.js
$(document).ready(function(){
$(".nav li").click(function(){
var value =$(this).attr("id");
var value = Number(value);
var start = Number(value)-2;
var stop = Number(value)+2;
$(".nav ul li").remove();
for(var i=start; i<=stop; i++){
//alert(i);
$(".nav ul").append("<li id='"+i+"'>"+i+"</li>");
}
$.ajax({
url:"data.php",
type:"GET",
data:"page="+value,
success:function(html){
$("#main_text").html(html).hide().fadeIn(300);
}
});
});
});
index.php
<body>
<div class="content">
<h1>Click:<b></b></h1>
<?php
$count_articles = get_count_articles($category);
echo $count_articles."<br>";
$page_number = number_pages($count_articles,COUNT_PER_PAGE);
echo $page_number;
if($_GET['page']){
$page=(int)($_GET['page']);
}else{
$page=1;
}
$rows = get_posts($count_articles,$page,COUNT_PER_PAGE,$category);
echo "<div id='main_text'>";
for($i=0;$i<COUNT_PER_PAGE; $i++){
printf("<b>%s</b>
<div class='article'>
<h2>%s-статья</h2>
<br><p>%s</p>
</div>",$rows[$i]['id'],$rows[$i]['id'],$rows[$i]['description']);
}
echo "</div>"
?>
</div>
<div class="nav">
<ul>
<li id="1">1</li>
<li id="2">2</li>
<li id="3">3</li>
<li id="4">4</li>
<li id="5">5</li>
</ul>
<script type="text/javascript">
</script>
</div>
</body>