Есть три страницы
============================================ index.html
<!DOCTYPE html>
<html >
<head>
<title>Ajax</title>
<script type='text/javascript' src='js/lib/jquery/1.7.1-jquery.min.js'></script>
</head>
<body>
<a id="a1" href="#" class="odin" onclick="odindva()">кнопка</a>
<div id='content'><h1>один</h1>
<script>
$(document).ready(function() {
$('.odin').click(function() {$.ajax({url: "dva.php",cache: false,success: function(html){ $("#content").html(html);}}); });
});
</script>
</div>
</body>
</html>
И две подгружаемые
============================================ 2стр. odin.html
<script>
document.getElementById("a1").className="odin";
</script>
<h1>один</h1>
<script>
$(document).ready(function() {
$('.odin').click(function() {$.ajax({url: "dva.php",cache: false,success: function(html){ $("#content").html(html);}}); });
});
</script>
============================================ 3стр. dva.html
<script>
document.getElementById("a1").className="dva";
</script>
<h1>два</h1>
<script>
$(document).ready(function() {
$('.dva').click(function() {$.ajax({url: "odin.php",cache: false,success: function(html){ $("#content").html(html);}}); });
});
</script>
Сначала скрипт работает корректно, а потом я замечаю, что он прогрессирует после каждого нажатия. Увеличивается количество операций
Вопрос
- Где моя ошибка?
- Как сделать так, что бы работал только тот скрипт, который подгрузился Ajax_ом без прогрессии.