Вы здесь

Не работает анимация меню bootstrap темы

1

Тему взял отсюда,
Создал файл info c таким содержанием

   name = ItMed Theme
description = Автоматизация медицинского бизнеса
package = Core
version = VERSION
core = 7.x


stylesheets[all][] = css/freelancer.css
stylesheets[all][] = css/bootstrap.min.css
stylesheets[all][] = font-awesome/css/font-awesome.min.css

scripts[] = js/jquery.js
scripts[] = js/bootstrap.min.js
scripts[] = js/classie.js
scripts[] = js/cbpAnimatedHeader.js
scripts[] = js/jqBootstrapValidation.js
scripts[] = js/contact_me.js
scripts[] = js/freelancer.js


regions[header] = Header
regions[highlighted] = Highlighted
regions[help] = Help
regions[content] = Content
regions[sidebar_first] = Left sidebar
regions[sidebar_second] = Right sidebar
regions[footer] = Footer

Скрипты и CSS подключились. Проверил в Firebug. Однако не работает анимация меню. 

Административное меню отключил проблема сохранилась. jquery_update тоже пробовал включать/выключать, не помогает.
features[] = logo
features[] = name
features[] = slogan
features[] = node_user_picture
features[] = comment_user_picture
features[] = comment_user_verification
features[] = favicon
features[] = main_menu
features[] = secondary_menu

Скрипты подключились вроде

Версия Drupal: 
7.x
Категория: 
Theming
Вопрос задан 20.05.2015 - 22:06

jquery.js не нужно подключать, т.к. он уже есть в ядре

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

Ответы

1

Вполне нормально,

function YOURTHEME_preprocess_html(&$vars) {
      // Load font
      drupal_add_css('//fonts.googleapis.com/css?family=Lato:300,400,700,900', array(
        'type' => 'external'
      ));
}
Ответ дан 22.05.2015 - 02:55

это прописывать в template.php???

А как же быть со скриптами??

Комментарий оставлен 22.05.2015 - 07:10
<?php 
function itmed_preprocess_html(&$vars) {
        // Load font
    drupal_add_css('http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet', 'external');
    drupal_add_css('http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet', 'external');
        //load js

}

function itmed_process_page(&$variables) {

    drupal_add_js('http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js', 'external');

}

Сделал так, стили подхватились скрипт нет.

Комментарий оставлен 22.05.2015 - 07:26

как насчет

function itmed_preprocess_html(&$vars) {
  drupal_add_css('http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet', 'external');
  drupal_add_css('http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet', 'external');
  drupal_add_js('http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js', 'external');
}
Комментарий оставлен 22.05.2015 - 10:19

Так пробовал, не работает.
preprocess_html разве не обозначает, подключение скриптов до отрисовывания??

Комментарий оставлен 22.05.2015 - 13:11

Да, ошибся, вот так:

function itmed_preprocess_page(&$vars) {
  drupal_add_js('http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js', 'external');
}

у вас в коде было process_page.

Комментарий оставлен 22.05.2015 - 13:55
0

jquery.js отключить, a модуль jquery_update установить и настроить версию повыше, т.к. в ядре jquery 1.4 по умолчанию.

Ответ дан 21.05.2015 - 23:08
0

P.S. Если долго мучаться, то что нибудь обязательно да получится. Всем спасибо за помощь, решил проблему так

 <?php 
function itmed_preprocess_html(&$vars) {
        // Load font
    drupal_add_css('http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet', 'external');
    drupal_add_css('http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet', 'external');


    //load js
    drupal_add_js('/sites/all/themes/itmed/js/jquery.js', array('weight' => 1));
    drupal_add_js('/sites/all/themes/itmed/js/bootstrap.min.js', array('weight' => 2));

drupal_add_js('http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js', array('external' ,'weight' =>3));
drupal_add_js('/sites/all/themes/itmed/js/classie.js', array('weight' => 4));
drupal_add_js('/sites/all/themes/itmed/js/cbpAnimatedHeader.js', array('weight' => 5));
drupal_add_js('/sites/all/themes/itmed/js/jqBootstrapValidation.js', array('weight' => 6));
drupal_add_js('/sites/all/themes/itmed/js/contact_me.js', array('weight' => 7));
drupal_add_js('/sites/all/themes/itmed/js/freelancer.js', array('weight' => 8));

}
Ответ дан 21.05.2015 - 23:58