Как исправить поведение меню?

[borus]

Здравствуйте!

На сайте, если кликнуть в верхнем меню какой-то из пунктов, имеющих подпункты, а потом кликнуть другой пункт с подпунктами, то первый оговоренный пункт исчезает. Как это можно исправить?

[Switch74]

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

если найдете эту функцию (она скорее всего привязана на событие клик к элементу '.dropdown'), могу посмотреть где там проблема

проблему мне кажется нужно искать в custom.js

//Чтобы главное меню срабатывало

$('header li.dropdown > ul > li.dropdown > a').on('click', function(){
//console.log($(this).next());
//console.log($(this).next().css("display"));
if($(this).next().css("display")=="block"){
  $(this).next().css("display", "none"); }
else{
  $(this).next().css("display", "block");
  $(this).parent().parent().css("display", "block"); }
//$(this).next().css("display","block");

что-то мне не понятны действия с parent и обычно это делают немного другим способом

а вот еще один код, который как раз за это самое и отвечает
 

$('header ul.navbar-nav > li > a').on('click', function(){
  if($(this).next().css("display")=="block"){flag=1;}
  else{flag=0;}
  $("header ul.navbar-nav > li > ul").css("display", "none");
  if(flag==1){
    $(this).next().css("display", "none"); }
  else{
    $(this).next().css("display", "block");
    $(this).parent().parent().css("display", "block"); }
  //$(this).next("ul").css("display", "block"); });

и опять какая-то фигня тут написана 

[borus]

А закомментил весь этот кусок кода на локальном сайте, и все то же самое - пункты исчезают. Я дебагил и если правильно понял, что там отображается, то скрытие пунктов происходит после исполнения обозначенного кода, а именно в функции r.handle файла jquery.min.js. Но так ли это, без гуру мне не разобраться. Помогите, люди добрые

Edited April 27, 2016 by borus

[Switch74]

ну тогда ищите функцию, которая отвечает за отображение выпадающего меню

[borus]

28 минут назад, Switch74 сказал:

ну тогда ищите функцию, которая отвечает за отображение выпадающего меню

доброго утра! а как её найти?

[Switch74]

ну доступ к коду у вас только полный, вот и вычисляйте где лежит данная функция:
отключайте по очереди файлы js найдете файл в котором нужный код, начинайте комментировать части кода

[borus]

Добрый день.

Я поэкспериментировал: если отключить mootools, то пункты меню не схлопываются. но mootools нужны... 

Я пробовал в Хроме отключать обработчики события click для пункта меню с подпунктами. Отключал те события, которые описаны в файлах содержащих motools в названии, но это не отключало схлопывания. И только когда полностью отключил на сайте подключение mootools-more и mootools-core, тогда это помогло

Как быть, можно в этой ситуации как-то точнее уточнить причину и её исправить?

Edited May 11, 2016 by borus

[Switch74]

С мудулсом не работаю, изучаете его синтаксис (там не сиьно отличается от jquery) и пытаетесь найти код на нем, который что-то делает с вашим меню.

Если разбираться нет возможности, ищем код путем комментирования отрывков кода
я нашел упоминания в bootstrap.min.js .dropdown
и в custom.js

Цитата

 

$('header li.dropdown > ul > li.dropdown > a').on('click', function(){
    //console.log($(this).next());
    //console.log($(this).next().css("display"));
    if($(this).next().css("display")=="block"){
        $(this).next().css("display", "none"); 
    }
    else{
        $(this).next().css("display", "block");
        $(this).parent().parent().css("display", "block");
    }
    //$(this).next().css("display","block");
});

$('header ul.navbar-nav > li > a').on('click', function(){
    if($(this).next().css("display")=="block"){flag=1;}
    else{flag=0;}
    $("header ul.navbar-nav > li > ul").css("display", "none");
    if(flag==1){
        $(this).next().css("display", "none"); 
    }
    else{
        $(this).next().css("display", "block");
        $(this).parent().parent().css("display", "block");
    }
    //$(this).next("ul").css("display", "block");
});

 

думайте кто из них плохо работает
Если вы полностью комментировали код в custom.js, значит скорее всего в bootstrap.min.js

[borus]

Спасибо. Как-то странно, я говорю, что отключение mootools помогает, а вы намекаете на другие файлы. Может я что-то недопонимаю?

наверно имеет смысл mootools позакомменчивать. попробую...

Edited May 11, 2016 by borus

[Switch74]

в тех файлах я нашел обработки по данным объектам, если у вас проблема в мутулсе, остается его переписывать (но это бред), т.к. он вроде как должен быть как jquery без подобных проблем (готовый для использования и переписывать его не нужно), но если у вас косячный мутулс, то скачайте с офф сайт нормальный

[borus]

Пока вот такую цепочку вызываемых функций обнаружил

, последняя(верхняя) функция Element.implement.setStyle в mootools-core и вызывает схлопывание пунктов... Как я понял событие клика по ссылке запускает какой-то код. Хочу попробовать в своем скрипте заставить это событие не распространяться.

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

Здравый разум и опыт профессионалов приветствуется, не стесняйтесь 

[borus]

надо было такой скрипт написать
    $('header ul.navbar-nav li.dropdown a').on('click', function(){
        if($(this).next().css("display")=="block"){
            $(this).next().css("display", "none");
        }
        else{
            $(this).parent().parent().find("ul").css("display", "none");
            $(this).next().css("display", "block");
        }
        return false;
    });
причем return false здесь играет решающее значение в решении задачи