Версия для печати темы

Нажмите сюда для просмотра этой темы в оригинальном формате

forum.0day.community _ Web-программирование _ Почему ряд компонентов из тесплейта выглядят иначе

Автор: mstdmstd May 15 2019, 7:32

Всем привет,
Я пытаюсь использовать темплейт
на своем сайте
но ряд компонентов (включая кнопки) выглядят иначе:
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() как раз и инициализуются доп утилиты (алерт выскакивает и в консоле нет ошибок).

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

Спасибо!

Invision Power Board
© Invision Power Services