Здравствуйте Гость [ Вход | Регистрация ] | Форум в сети 4841-й день

 
Reply to this topicStart new topic

 Почему ряд компонентов из тесплейта выглядят иначе

mstdmstd
May 15 2019, 7:32
  
Пост #1



Репутация:   1  
Дух


Группа: Пользователи
Сообщений: 181
С нами с: 13-January 16


Всем привет,
Я пытаюсь использовать темплейт
на своем сайте
но ряд компонентов (включая кнопки) выглядят иначе:
https://imgur.com/a/kFIthrj

К проекту приатачивается файл public/js/appInit.js с содержимым :

Разобрался. Это сообщение не удаляется ?

CODE Format
/**
* Theme: Frogetor - Responsive Bootstrap 4 Admin Dashboard
* Author: Mannatthemes
* Module/App: Main Js
*/


(function ($) {

    'use strict';

    function initSlimscroll() {
        $('.slimscroll').slimscroll({
            height: 'auto',
            position: 'right',
            size: "7px",
            color: '#9ea5ab',
            wheelStep: 5,
            touchScrollStep: 50
        });
    }

    function initMetisMenu() {
        $('.navbar-toggle').on('click', function (event) {
            $(this).toggleClass('open');
            $('#navigation').slideToggle(400);
        });

        $('.navigation-menu>li').slice(-2).addClass('last-elements');

        $('.navigation-menu li.has-submenu a[href="#"]').on('click', function (e) {
            if ($(window).width() < 992) {
                e.preventDefault();
                $(this).parent('li').toggleClass('open').find('.submenu:first').toggleClass('open');
            }
        });

        
    }
    

    function initLeftMenuCollapse() {
        // Left menu collapse
        $('.button-menu-mobile').on('click', function (event) {
            event.preventDefault();
            $("body").toggleClass("enlarge-menu");
            initSlimscroll();
        });
    }

    function initEnlarge() {
        if ($(window).width() < 1023) {
            $('body').addClass('enlarge-menu');
        } else {
            if ($('body').data('keep-enlarged') != true)
                $('body').removeClass('enlarge-menu');
        }
    }

    function initActiveMenu() {
        // === following js will activate the menu in left side bar based on url ====
        $(".navigation-menu a").each(function () {
            var pageUrl = window.location.href.split(/[?#]/)[0];
            if (this.href == pageUrl) {
                $(this).parent().addClass("active"); // add active to li of the current link
                $(this).parent().parent().parent().addClass("active"); // add active class to an anchor
                $(this).parent().parent().parent().parent().parent().addClass("active"); // add active class to an anchor
            }
        });
    }
  

  

    function init() {
        initSlimscroll();
        initMetisMenu();
        initLeftMenuCollapse();
        initEnlarge();
        initActiveMenu();
        Waves.init();
        if ( window.location.pathname == "/" ) {
            alert("AFTER ININt public/js/appInit.js::" + (-11))
        }
    }

    init();

})(jQuery)

Полагаю ято в методе init() как раз и инициализуются доп утилиты (алерт выскакивает и в консоле нет ошибок).

Но что не так ? Я вроде все файлы из тесплейта подключил...

Спасибо!

Сообщение отредактировал mstdmstd - May 16 2019, 6:43
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

Reply to this topicStart new topic

 



- Упрощённая версия
Сейчас: 17th June 2019 - 13:41
Сайт не предоставляет электронные версии произведений, а занимается лишь коллекционированием и каталогизацией ссылок, присылаемых и публикуемых на форуме нашими читателями. Если вы являетесь правообладателем какого-либо представленного материала и не желаете чтобы ссылка на него находилась в нашем каталоге, свяжитесь с нами и мы удалим её. Файлы для обмена предоставлены пользователями сайта.