1

Вот код

<script>
		$(document).ready(function(){
		
					$('#btn0').click(function(){
				$.ajax({
					url: "include_page/index.php",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
		
			$('#btn1').click(function(){
				$.ajax({
					url: "include_page/index.php",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
			
			$('#btn2').click(function(){
				$.ajax({
					url: "include_page/ru.php",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
						
			$('#btn3').click(function(){
				$.ajax({
					url: "include_page/stream.php",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
			
						$('#btn4').click(function(){
				$.ajax({
					url: "include_page/eu.php",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
						$('#btn5').click(function(){
				$.ajax({
					url: "include_page/register.php",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
						$('#btn6').click(function(){
				$.ajax({
					url: "include_page/gifts.php",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
			
		});
	</script>
<nav id="nav">
 <a href="#" id="btn1">  Home </a>
 <a href="#Teams" id="btn2">  Teams </a>
 <a href="#Stream" id="btn3">  Stream </a>
 <a href="#Brackets" id="btn4">  Brackets </a>
 <a href="#Register" id="btn5">  Register </a>
 <a href="#Prizes" id="btn6">  Prizes </a>
</nav>

2

2 ответа 2

1

Браузеру нужно сказать, чтобы он отменил дефолтные действия по клику на ссылку. Т.е. так:

$('nav a').click(function(e){
  e.preventDefault();
});
0
1

Второй, более подходящий для JQuery вариант

$('nav a').click(function(e){
   //ajax & etc
   return false;
});

Отличие preventDefault, stopPropagation и stopImmediatePropagation

1
  • а хеши тогда как добавлять ?
    – MininDm
    3 ноя 2017 в 18:01

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.