JQuery делает меню BootStrap DropDown открытым классом Go Away / Collapse

Я пытаюсь заставить свой код AJAX JQuery закрыть раскрывающееся меню BootStrap после нажатия на элемент ссылки, вложенный в раскрывающееся меню,

Примечание: я хочу закрыть только раскрывающееся меню, в котором есть ссылка, на которую я нажал !!!

Это фрагмент кода моего HTML:

<li class = "dropdown mega-dropdown"><a class = "dropdown-toggle" data-toggle = "dropdown" aria-expanded = "true">GPU<i class = "fa fa-caret-down"></i></a>
    <div class = "custom-menu">
        <div class = "row">
            <div class = "col-md-4">
                <ul class = "list-links">
                <li>
                    <h3 class = "list-links-title">Brands</h3>
                </li>
                <form id = "gpu_form" action = "create/" method='POST'>
                {% csrf_token %}
                <input name='manuf' value = "amd" class = "gpu_form_input">
                <input name='manuf' value = "nvidia" class = "gpu_form_input">
                <li><a href = "#">AMD</a></li>
                <li><a href = "#">NVIDIA</a></li>
                </form>
                </ul>
                <hr class = "hidden-md hidden-lg">
            </div>
        </div>
    </div>
</li>

Это мой КОД AJAX. ЭТО НЕ РАБОТАЕТ:

/*GPU FORM click on input event*/
                $('.gpu_form_input').on('click',function(event){
                    console.info('this.serialize=',$(this).serialize());

                    $.ajax({
                        method: 'POST',
                        url: 'findGPU/',
                        data: {csrfmiddlewaretoken: document.getElementsByName('csrfmiddlewaretoken')[0].value,data:$(this).serialize()},
                        success: function(serverResponse){
                            console.info('success, testing', serverResponse);
                            $('.placeholder').html(serverResponse);

                            $(this).parent().parent().parent().parent().parent().parent().toggleClass("open");
                            console.info('end of success action.');
                        }
                    })

                });

В основном, как только ajax обновляет часть домашней страницы, я хочу, чтобы раскрывающийся список исчез, удалив класс 'open' из начальной загрузки, по-видимому, он никуда не денется ...

Это заставляет меня чувствовать себя маленьким ребенком, который злится, когда не может собрать свое Лего.

Есть ошибка в консоли?

sayalok 01.08.2018 05:35
$(this).parent().parent().parent().parent().parent().parent(‌​).toggleClass("open"‌​);? Разве там не только одно выпадающее меню? Почему не `$ ('. Mega-dropdown'). RemoveClass ('open')?
Akrion 01.08.2018 06:57
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
31
0

Другие вопросы по теме