Modyfikacja skryptu menu

0

Witam serdecznie,
Mam mały problem ze skryptem menu w jednym z szablonów WP.
Zazwyczaj wszelkie problemy rozwiązuję sam, jednak tutaj - mimo, że problem wygląda trywialnie, płata mi figle.
Pokażę fragment kodu, który odpowiada za menu:

  $('body').on('click', '.nav-trigger', function(event) {
           event.preventDefault();
             var $this = $(this),
                target = $this.data('target');

              $('body').toggleClass('nav-trigger-active');
              $(target).toggleClass('active');
          });
      },

Domyślnie w wersji desktop, menu jest zwinięte triggerem no i podstawowa zasada, klikamy trigger a menu aktywuje się, rozwijając do lewej. Trigger zamienia się w krzyżyk, przy clicku w krzyżyk, menu zwija się.

Jeszcze kod z samego headera:

  <div class="nav-container">
            <a href="#" class="nav-trigger" data-target=".menu-primary-container">
                <span class="bars">
                    <span></span>
                    <span></span>
                    <span></span>
                </span>
            </a>
          <?php
                $defaults = array(
                    'container'       => 'nav',
                    'container_class' => 'menu-primary-container',
                    'theme_location'  => 'primary',
                    'depth'           => 3,
                    'walker'          => new ts_walker_nav_menu
                );
                wp_nav_menu( $defaults );
            ?> 
        </div>

Do czego zmierzam - chcę, aby menu domyślnie było aktywne, czyli po prostu odwrotna sytuacja do obecnej, aby użytkownik mógł sobie później je zwinąć lub rozwinąć, ale z marszu lepiej wygląda aktywne. Czy mogę prosić o pomoc?

0

Skoro w skrypcie togglujesz klasy nav-trigger-active i active to zobacz czy są w wyjściowym html'u i jak są to usuń, jak nie to dodaj.

0

Cytowałem plik wyjściowy:

  <div class="nav-container">
            <a href="#" class="nav-trigger" data-target=".menu-primary-container">
                <span class="bars">
                    <span></span>
                    <span></span>
                    <span></span>
                </span>
            </a>
          <?php
                $defaults = array(
                    'container'       => 'nav',
                    'container_class' => 'menu-primary-container',
                    'theme_location'  => 'primary',
                    'depth'           => 3,
                    'walker'          => new ts_walker_nav_menu
                );
                wp_nav_menu( $defaults );
            ?> 
        </div>

Mój błąd, że nie dałem informacji bo w sumie ważna:
W momencie kiedy w

<a href="#" class="nav-trigger" data-target=".menu-primary-container">

Zmieniam klasę na nav-trigger-active, witryna nie wczytuje się (zawiesza się na loaderze)
Stąd też mój problem, bo próbowałem kombinować na wiele sposobów. Usuwałem także cały skrypt menu z main.js i jednocześnie dodawałem klasę active i chyba tym razem w ogóle nie wyświetlało menu.

Prawdopodobnie wg. mnie, najbliżej byłem w momencie kiedy zamieniłem klasę na nav-trigger-active a w skrypcie

  $('body').on('click', '.nav-trigger', function(event) {

zamieniłem na

  $('body').on('click', '.nav-trigger-active', function(event) {

A następnie

              $('body').toggleClass('nav-trigger-active');
              $(target).toggleClass('active');
          });
      },

na

              $('body').toggleClass('nav-trigger');
              $(target).toggleClass('active');
          });
      },

Z tym, że nie za bardzo wiem co zrobić z

 $(target).toggleClass('active');

1 użytkowników online, w tym zalogowanych: 0, gości: 1