Вы здесь

Adaptive Theme - после обновления отвалился Responsive JavaScript.

0

Обновился. И (не сразу) заметил, что сайт больше не видит файл media_queries.js (Responsive JavaScript).
В настройках темы есть сообщение о том, что этот функционал является устаревшим. Предлагают пользоваться matchMedia.js
Но там не до конца мне ясны некоторые элементы.
Кто сталкивался с этим? Как решить?

Версия Drupal: 
7.x
Категория: 
Javascript
Связанные проекты: 
AdaptiveTheme
Вопрос задан 18.11.2015 - 08:29

Если пройти по файлу, куда нас отправляет AT за помощью (а именно menu-toogle,js), то там можно нарыть вот такие строки кода:

 var tabletP = themeSettings[activeTheme]['menu_toggle_settings']['tablet_portrait'];
 var tabletL = themeSettings[activeTheme]['menu_toggle_settings']['tablet_landscape'];

Не въезжаю за что отвечает ['menu_toggle_settings']. На что его нужно менять при использовании этой строки кода из моего кастомного файла JS!?
Приведу пример полного кода, может кто-то поможет разобраться как при помощи этого сделать адаптивные скрипты.

(function ($) {
  Drupal.behaviors.ATmenuToggle = {
    attach: function (context, settings) {

      if ($.browser.msie && parseFloat($.browser.version) <= 8) {
        return;
      }

      var activeTheme = Drupal.settings["ajaxPageState"]["theme"];
      var themeSettings = Drupal.settings['adaptivetheme'];

      if (typeof themeSettings[activeTheme] == 'undefined') {
        return;
      }

      var mtsTP = themeSettings[activeTheme]['menu_toggle_settings']['tablet_portrait'];
      var mtsTL = themeSettings[activeTheme]['menu_toggle_settings']['tablet_landscape'];

      var breakpoints = {
        bp1: themeSettings[activeTheme]['media_query_settings']['smalltouch_portrait'],
        bp2: themeSettings[activeTheme]['media_query_settings']['smalltouch_landscape'],
      };

      if (mtsTP == 'true') { breakpoints.push(bp3 + ':' + themeSettings[activeTheme]['media_query_settings']['tablet_portrait']); }
      if (mtsTL == 'true') { breakpoints.push(bp4 + ':' + themeSettings[activeTheme]['media_query_settings']['tablet_portrait']); }

      $(".at-menu-toggle h2", context).removeClass('element-invisible').addClass('at-menu-toggle-button').wrapInner('<a href="#menu-toggle" class="at-menu-toggle-button-link" />');
      $(".at-menu-toggle ul[class*=menu]:nth-of-type(1)", context).wrap('<div class="menu-toggle" />');

Ну и так далее.

Комментарий оставлен 18.11.2015 - 09:29

скрывает меню в одну кнопку toogle

Комментарий оставлен 18.11.2015 - 10:10

Ответы

0

Посмотри в сторону https://www.drupal.org/project/omega

Ответ дан 18.11.2015 - 09:25

Да у меня уже собранный сайт. Я конечно в сторону омегу посмотрю, но не буду заново на нем делать всю тему для уже разработанного сайта.
Тем более адептив очень нравится, уже привык и хотел бы просто разобраться как теперь с ним работать.

Комментарий оставлен 18.11.2015 - 09:31