0

есть скрипт выводящий меню категорий, аяксом при нажатию на категорию подгружает из файла список дочерних категорий в отдельном блоке, при нажатии на категорию в этом блоке происходит перезагрузка страницы и выводятся следующие дочерние категории в этом же блоке, нажимая далее по категориям в этом же блоке уже срабатывает аякс, почему так странно работает скрипт?

скрипт который подгружает данные из файла

$(function(){
$(".get_url").click(function(e){
    e.preventDefault();

    var getvalue = $(this).attr('href');
    var arguments = getvalue.split('?')[1].split('=');
    arguments.shift();  
    var href = $(this).attr("href");
     getContent(arguments,href, true);

});

});

window.addEventListener("popstate", function(e) {       
    getContent(location.search, false);
});


function getContent(arg,url, addEntry) {

 $.ajax({
        type: "GET",
        url: 'menu.php?category=' + arg,
        success: function(html){    
         $(".content").html(html);   
          if(addEntry == true) {
            // Добавляем запись в историю, используя pushState
            history.pushState(null, null, url); 
        }
        }
   });
}

// меню вывода дочерних категорий

<?php include 'catalog.php'; ?>
            <?php foreach($get_catById as $cats_ById): ?>
        <a class="get_url"  href="<?=PATH?>?category=<?=$cats_ById['id']?>"><?=$cats_ById['title']?></a><br>
                <?php endforeach; ?>

1 ответ 1

2

Вангую что ваша проблема в этой строчке кода $(".get_url").click(....

Поскольку вы подгружаете данные аяксом то событие не вешается на элемент с классом .get_url

Попробуйте сделать следующее $(document).on('click', '.get_url', function(){...})

Подробнее:

Документация метода jquery.on()

Разница между click() vs on()

4
  • это сработало=) 16 дек 2019 в 12:55
  • отметьте галочкой
    – Arendach
    16 дек 2019 в 12:59
  • Вы можете принять ответ через 4 минуты, не разрешает сразу отметить 16 дек 2019 в 13:00
  • также я добавил ссылки, рекомендую почитать и использовать $.on() всегда вместо $.click(), $.hover(), etc, это избавит вас от множества проблем
    – Arendach
    16 дек 2019 в 13:02

Ваш ответ

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

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