mstdmstd
Новичок
Всем привет,
Я пытаюсь использовать темплейт
на своем сайте
но ряд компонентов (включая кнопки) выглядят иначе:
https://imgur.com/a/kFIthrj
К проекту приатачивается файл public/js/appInit.js с содержимым :
Разобрался. Это сообщение не удаляется ?
Полагаю ято в методе init() как раз и инициализуются доп утилиты (алерт выскакивает и в консоле нет ошибок).
Но что не так ? Я вроде все файлы из темплейта подключил...
Спасибо!
Я пытаюсь использовать темплейт
на своем сайте
но ряд компонентов (включая кнопки) выглядят иначе:
https://imgur.com/a/kFIthrj
К проекту приатачивается файл public/js/appInit.js с содержимым :
Разобрался. Это сообщение не удаляется ?
JavaScript:
/**
* 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');
}
});
}
var stp = document.querySelector('.js-step');
var initStp = new Powerange(stp, { start: 50, step: 10 });
// Min, max, start.
var vals = document.querySelector('.js-min-max-start');
var initVals = new Powerange(vals, { min: 16, max: 256, start: 128 });
// Callback.
var clbk = document.querySelector('.js-callback');
var initClbk = new Powerange(clbk, { callback: displayValue, start: 88 });
function displayValue() {
document.getElementById('js-display-callback').innerHTML = clbk.value;
}
// Hide range.
var hide = document.querySelector('.js-hiderange');
var initHideRange = new Powerange(hide, { hideRange: true, start: 70 });
// Vertical.
var vert = document.querySelector('.js-vertical');
var initVert = new Powerange(vert, { start: 80, vertical: true });
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() как раз и инициализуются доп утилиты (алерт выскакивает и в консоле нет ошибок).
Но что не так ? Я вроде все файлы из темплейта подключил...
Спасибо!
Последнее редактирование: