tonyair/webpack-bootstrap-ui-kit
1
0
Fork 0
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 11:05:45 +02:00
Code Issues Projects Releases Wiki Activity

FIX: ui.multislider

Browse Source
This commit is contained in:
Tony Air 2020-02-12 03:07:12 +07:00
parent 6f7816349f
commit 1444b797cf
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/_components/_ui.multislider.js
View File

@ -213,7 +213,7 @@ const MultiSlider = (($) => {
}; };
// auto-apply // auto-apply
$(W).on(`${Events.AJAX} ${Events.LOADED}`, () => { $(W).on(Events.LODEDANDREADY, () => {
console.log(`Initializing: ${NAME}`); console.log(`Initializing: ${NAME}`);
$(`.${NAME}`).jsMultiSlider(); $(`.${NAME}`).jsMultiSlider();

12
src/js/_main.js
View File

@ -15,7 +15,7 @@ import FormBasics from './_components/_ui.form.basics';
import SmoothScroll from 'smooth-scroll'; import SmoothScroll from 'smooth-scroll';
const smoothScroll = SmoothScroll(); const smoothScroll = SmoothScroll();
const MainUI = (($) => { const MainUI = ($ => {
// Constants // Constants
const W = window; const W = window;
const D = document; const D = document;
@ -174,7 +174,7 @@ const MainUI = (($) => {
// //
// scroll links // scroll links
$('.js-scrollTo').on('click', (e) => { $('.js-scrollTo').on('click', e => {
e.preventDefault(); e.preventDefault();
const el = e.currentTarget; const el = e.currentTarget;
const $el = $(e.currentTarget); const $el = $(e.currentTarget);
@ -203,7 +203,7 @@ const MainUI = (($) => {
} }
// data-set links // data-set links
$('[data-set-target]').on('click', (e) => { $('[data-set-target]').on('click', e => {
const $el = $(e.currentTarget); const $el = $(e.currentTarget);
const $target = $($el.data('set-target')); const $target = $($el.data('set-target'));
@ -227,7 +227,7 @@ const MainUI = (($) => {
}); });
// emulate links // emulate links
$('.a[data-href]').on('click', (e) => { $('.a[data-href]').on('click', e => {
const $el = $(e.currentTarget); const $el = $(e.currentTarget);
const href = $el.data('href'); const href = $el.data('href');
if (!href.length) { if (!href.length) {
@ -382,7 +382,9 @@ const MainUI = (($) => {
AjaxUI.preload($imgLazyUrls).then(() => { AjaxUI.preload($imgLazyUrls).then(() => {
console.log('All images are loaded!'); console.log('All images are loaded!');
$(W).trigger(`${Events.LAZYIMAGESREADY}`); setTimeout(() => {
$(W).trigger(`${Events.LAZYIMAGESREADY}`);
}, 100);
}); });
}); });
} }

2
src/scss/_components/_ui.multislider.scss
View File

@ -2,6 +2,8 @@
$grid-gutter-element-height: 2rem !default; $grid-gutter-element-height: 2rem !default;
.jsMultiSlider { .jsMultiSlider {
position: relative;
display: flex;
margin-bottom: $grid-gutter-element-height/2; margin-bottom: $grid-gutter-element-height/2;
&-active { &-active {