Загрузка документов по ссылкам из меню в другой DIV на странице

@Valgard · Регистрация: 14.02.2017

Author24 — интернет-сервис помощи студентам

вот такой документ

PHP/HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
 
<div class="wrapper">
<div class="menu">Ждем ответа</div>
<div class="main">123</div>
</div>
 
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    $(document).ready(function(){
        $('a .cat').click(function(){
            $('.main').load($('.cat').attr('href'));
        });
    });
</script>
<script>
    $.ajax({
        method:"GET",
        url: 'dbreader.php?catlist=1',
        success: function(data) {
            $('.menu').html(data);
        }
    });
</script>
</body>
</html>

сначала в div с классом menu загружаются собственно меню(в коде строки 23-31):

HTML5

<div class="cat"><a class="cat" href="dbreader.php?cat=1">category 1</a></div>
<div class="cat"><a class="cat" href="dbreader.php?cat=2">category 2</a></div>
<div class="cat"><a class="cat" href="dbreader.php?cat=3">category 3</a></div>
<div class="cat"><a class="cat" href="dbreader.php?cat=4">category 4</a></div>
<div class="cat"><a class="cat" href="dbreader.php?cat=5">category 5</a></div>
...

по клику на эти ссылки перезагружается вся страница, а мне нужно, что бы результат вывода скрипта dbreader.php загружался в div .main. Как это можно реализовать?

@j2FunOnly · 30.03.2018, 08:10

Javascript

$(document).ready(function() {
  $('.menu').on('click', 'a.cat', function(e) {
    e.preventDefault();
 
    $('.main').load($(this).attr('href'));
  });
});

@Valgard · 30.03.2018, 17:26 **[ТС]**

Спасибо, ваш код работает. Осталось разобраться как, пошел курить манул по jQuery

@msheal · 30.03.2018, 21:40

Valgard, проблема была не в jquery, а в том, что вы не остановили стандартное поведение ссылки e.preventDefault();
Советую почитать для начала https://learn.javascript.ru/default-browser-action

@Valgard · 31.03.2018, 01:18 **[ТС]**

Спасибо за инфу

@Valgard 0 / 0 / 0 Регистрация: 14.02.2017 Сообщений: 58
	30.03.2018, 17:26 [ТС]	3
	Спасибо, ваш код работает. Осталось разобраться как, пошел курить манул по jQuery 0

@msheal 707 / 309 / 191 Регистрация: 05.03.2015 Сообщений: 822
	30.03.2018, 21:40	4
	Valgard, проблема была не в jquery, а в том, что вы не остановили стандартное поведение ссылки `e.preventDefault();` Советую почитать для начала https://learn.javascript.ru/default-browser-action 1

@Valgard 0 / 0 / 0 Регистрация: 14.02.2017 Сообщений: 58
	31.03.2018, 01:18 [ТС]	5
	Спасибо за инфу 0