powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему ряд компонентов из тесплейта выглядят иначе
3 сообщений из 3, страница 1 из 1
Почему ряд компонентов из тесплейта выглядят иначе
    #39813314
mstdmstd
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем привет,
Я пытаюсь использовать темплейт http://phpstack-231450-819857.cloudwaysapps.com/horizontal/ui-buttons.html
на своем сайте http://178.128.145.48/
но ряд компонентов (включая кнопки) выглядят иначе:
https://imgur.com/a/kFIthrj

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

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
/**
 * 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() как раз и инициализуются доп утилиты (алерт выскакивает и в консоле нет ошибок).

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

Спасибо!
...
Рейтинг: 0 / 0
Почему ряд компонентов из тесплейта выглядят иначе
    #39813718
Фотография big-duke
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mstdmstd,

Сразу видно, что в оригинале btn-primary имеет определение background-color: #5766da из _buttons.scss
А у вас background-color: #3490dc из app.css
...
Рейтинг: 0 / 0
Почему ряд компонентов из тесплейта выглядят иначе
    #39813821
mstdmstd
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Спасибо! Разобрался.
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему ряд компонентов из тесплейта выглядят иначе
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]